草庐IT

backGround

全部标签

html - 图片右下角怎么对齐

如何在页面右下角放置图片。.background-img{background:url('images/bg-img.png');width:100%;height:698px;repeat-x;}我用1px图像创建了背景图像。现在我必须将公司Logo放在页面右下角如何执行此操作..任何建议以及如何对此进行编码......进步谢谢...... 最佳答案 你可以使用绝对定位:position:absolute;right:0px;bottom:0px; 关于html-图片右下角怎么对齐,我

javascript - css3动画中的虚线边框动画

我看到了这篇文章http://tympanus.net/Tutorials/BorderAnimationSVG/我想将其添加到我的WP博客中。这样每个新的postdiv的边框上都有这个动画。但问题是它在SVG中。无论如何我可以在不使用SVG的情况下使这个动画工作,而且我不想使用javascript。假设代码是:.go{width:900px;height:200px;border:8pxdashed;} 最佳答案 这一切都可以通过CSS实现,并且在使用多个背景并使用动画更改它们的位置时非常简单。.border{height:100

javascript - css3动画中的虚线边框动画

我看到了这篇文章http://tympanus.net/Tutorials/BorderAnimationSVG/我想将其添加到我的WP博客中。这样每个新的postdiv的边框上都有这个动画。但问题是它在SVG中。无论如何我可以在不使用SVG的情况下使这个动画工作,而且我不想使用javascript。假设代码是:.go{width:900px;height:200px;border:8pxdashed;} 最佳答案 这一切都可以通过CSS实现,并且在使用多个背景并使用动画更改它们的位置时非常简单。.border{height:100

android - 溢出-x : hidden; not working on android devices

我得出的结论是,这是一个唯一的android问题,是由我的导航菜单的工作方式引起的,并且我已经没有办法尝试了。菜单从左侧推到100%以隐藏菜单。然后我使用csstransitions让菜单从右侧滑出到窗口的80%。切换菜单后,它会在隐藏菜单的右侧留下一个空旷的空间。我不能使用display:none;因为它会杀死动画。重要问题只会在切换菜单后发生。我试过:SOQ1SOQ2SOQ3SOQ4在正文、html、包装器、.searchCont等上溢出。2014年2月6日更新这是导航菜单的CSS:ul.subNav{position:absolute;top:70px;left:100%;tra

android - 溢出-x : hidden; not working on android devices

我得出的结论是,这是一个唯一的android问题,是由我的导航菜单的工作方式引起的,并且我已经没有办法尝试了。菜单从左侧推到100%以隐藏菜单。然后我使用csstransitions让菜单从右侧滑出到窗口的80%。切换菜单后,它会在隐藏菜单的右侧留下一个空旷的空间。我不能使用display:none;因为它会杀死动画。重要问题只会在切换菜单后发生。我试过:SOQ1SOQ2SOQ3SOQ4在正文、html、包装器、.searchCont等上溢出。2014年2月6日更新这是导航菜单的CSS:ul.subNav{position:absolute;top:70px;left:100%;tra

html - 如何让 CSS3 渐变跨越整个页面的高度,而不仅仅是视口(viewport)?

我有一个跨浏览器的CSS渐变,例如:#background{background:#1E5799;/*oldbrowsers*/background:-moz-linear-gradient(top,#002c5a0%,#79d6f4100%);/*firefox*/background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#002c5a),color-stop(100%,#79d6f4));/*webkit*/filter:progid:DXImageTransform.Microsoft.gradient

html - 如何让 CSS3 渐变跨越整个页面的高度,而不仅仅是视口(viewport)?

我有一个跨浏览器的CSS渐变,例如:#background{background:#1E5799;/*oldbrowsers*/background:-moz-linear-gradient(top,#002c5a0%,#79d6f4100%);/*firefox*/background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#002c5a),color-stop(100%,#79d6f4));/*webkit*/filter:progid:DXImageTransform.Microsoft.gradient

javascript - 打印时 HTML 表格上没有边框

我正在开发应该打印表格的网站。我遇到的一个问题是某些表格边框无法打印,尽管它们在屏幕上正确显示。我尝试了Firefox和Chrome。两者都在屏幕上显示所有表格边框,但在打印时会忽略一些边框。我需要做什么才能将它们打印出来?编辑1:添加jsFiddle:http://jsfiddle.net/Ax4qU/代码:JavaScript:functionprintDiv(){vardivToPrint=document.getElementById('table');newWin=window.open("");newWin.document.write(divToPrint.outerHT

javascript - 打印时 HTML 表格上没有边框

我正在开发应该打印表格的网站。我遇到的一个问题是某些表格边框无法打印,尽管它们在屏幕上正确显示。我尝试了Firefox和Chrome。两者都在屏幕上显示所有表格边框,但在打印时会忽略一些边框。我需要做什么才能将它们打印出来?编辑1:添加jsFiddle:http://jsfiddle.net/Ax4qU/代码:JavaScript:functionprintDiv(){vardivToPrint=document.getElementById('table');newWin=window.open("");newWin.document.write(divToPrint.outerHT

html - 背景颜色的CSS过渡不透明度

寻找线索,如何在过渡中使用背景颜色的不透明度?我正在使用rgba()函数,但是过渡在悬停时不起作用。.bx{background:rgba(255,0,0,0.5);width:100px;height:100px;position:relative;transition:opacity.5sease-out;-moz-transition:opacity.5sease-out;-webkit-transition:opacity.5sease-out;-o-transition:opacity.5sease-out;}.bx:hover{background:rgba(255,0,0