在使用jade和styl写手机页面时,且元素为背景图片时,常会使用到background-size cover,它的意思是使背景图片铺满整个元素,且保证背景图片的宽高比。
即当图片小于容器时,又无法使用background-repeat来实现时,我们就可以采用cover;将背景图片放大到适合容器的大小
或者是设定元素的宽高分别为背景图片的宽高,且设置margin-left为元素宽度的一半来...
分类:
Web程序 时间:
2014-09-26 03:12:08
阅读次数:
225
1.至少写出3个css3新增的属性,HTML5强调标签的语义化,写出5个HTML5的语义化标签。边框:border-radius、box-shadow、border-image背景:background-clip、background-size、background-origin文本:text-sh...
分类:
Web程序 时间:
2014-09-25 20:34:37
阅读次数:
401
在我们遇到左边图片,右边一段文字,这样的,一段宽度固定,一段宽度不定的情况,我们会用display:box来解决,但是,ie却不会兼容,这样就有以下一种方法html代码xxxxxxxxxxxxxcss代码.img {float:left}.title {padding-left: 45px;disp...
分类:
其他好文 时间:
2014-09-25 18:36:57
阅读次数:
214
background-size的值类型:1个或2个值,这些值既可以是像素px,也可以是百分比%或auto,还可以是特定值cover, contain。
background-size可以设置2个值,1个为必填,1个为可选。
其中第1个值用于指定背景图的width,第2个值用于指定背景图的height,如果只给background-size设置1个值,则第2个值默认为auto高度自动...
分类:
Web程序 时间:
2014-09-24 19:13:17
阅读次数:
274
/* ---RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino andNode. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。IE 6+ .......... 兼容 ?Fi...
分类:
Web程序 时间:
2014-09-21 02:51:19
阅读次数:
226
body: .landing-bg { height: 100%; background: url(背景链接地址) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-...
分类:
其他好文 时间:
2014-09-20 21:09:59
阅读次数:
210
原文地址:http://www.phpthinking.com/archives/367
到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后,就想着用更为简洁、直接有效、CSS3式的办法来解决这些问题。好在就算是饱受批评的Internet Explorer,其本...
分类:
Web程序 时间:
2014-09-19 01:12:55
阅读次数:
324
IE兼容CSS3圆角border-radius的方法优化网站js效果,网上看见一个很简单方便的兼容圆角的方法,记下来。和大家分享一下,知道的高手就当捧个过场。嘻嘻1.下载border-radius.htc 2.CSS .radius{ -moz-border-radius: 11px; ...
分类:
Web程序 时间:
2014-09-17 21:38:32
阅读次数:
307
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。代码示例在head标签中添加一行代码: content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内...
分类:
其他好文 时间:
2014-09-02 17:24:05
阅读次数:
173