kmsp.net
当前位置:首页 >> wEBkit BACkgrounD >>

wEBkit BACkgrounD

我们解决这个问题的方法是用img; 监听window的resize事件。 resize的回调函数逻辑如下: 当window的宽高比大于图片的宽高比的时候, 图片的width设为100%,height设为auto 当window的宽高比小于图片的宽高比的时候, 图片的height设为100%,wid...

webkit-background-size这个意思是 设置背景图片的尺寸。

-ms- 前缀只在ie8以上才起作用,ie6和ie7无效。

7px;border-bottom:1px solid #6da6e1; background:linear-gradient(top,#46a0e1,#3280bf); background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#...

50% {background:url("../image/logo_2.jpg");} 100% {background:url("../image/logo_3.jpg");}}@-webkit-keyframes max_logo{ 0% {background:...

a { /*只有当鼠标移出后才处理*/ -webkit-transition:background 0.2s linear 0s; -moz-transition:background 0.2s linear 0s; -ms-transition:background ...

cover的效果是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。所以说被放大了应该是正常效果。

考虑下面代码: aaaa bbbb cccc div { width: 100px; height: 100px; background: red; -webkit-transition: -webkit-...

#div6{background-color:#CC9966;height:155px;width:155px;-webkit-transition:transform 2s ease 0s,background-color 2s ease 3s}#div6:hover{-...

.no{ background:#ccc; -webkit-transition:all 2s linear;} .no:hover{ background:#f60;} .line{ background:-webkit-linear-gradient(top,#f60,#47CC38)...

网站首页 | 网站地图
All rights reserved Powered by www.kmsp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com