css中background:url(img/icon-list.gif) no-repeat 4px 12px;4和12分别是啥意思

Posted 2023-05-04

这个是对你的背景图片定位，4px是水平方向距左4个像素；12px是垂直方向距顶12个像素！！！ 参考技术A background:url(img/icon-list.gif) no-repeat 4px 12px;
这是一个简写的
原是：
background-image:url(img/icon-list.gif);
background-repeat:no-repeat;
background-position:4px 12px;
你说的意思是图片定位
left = 4px
top = 12px 参考技术B 背景图片定位，4px是水平方向距左像素；12px是垂直方向距顶像素 background-position 参考技术C 意思是背景的定位 4PX是从左边算起4个像素，12PX是从上面算起12个像素单位

ie8 兼容问题

最近在做一个项目，要求是兼容IE8，写页面时，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。

1，background:url后面要空格

background:url(../img/background.png)no-repeat

改成

background:url(../img/background.png) no-repeat

2、background-size无效

暂无合适解决方案

3、rgba设置外层盒子透明度

我的解决方案是将外层和内层的内容分开，然后设置opacity

4、css3动画不支持

5、js中的setimeout()写法

不能这样写：

setimeout(function(){
//code
},1000)

改成这样：

function show(){
//code
}
setimeout(show,1000)

6、js中addlistener(‘event‘,function(){})不兼容

7、border-box无效，逼疯我的一点

引入一个文件，这个文件应该放到和.html文件同级位置。（下载地址：http://css3pie.com/download/）