摘要: 随着浏览器的升级,CSS3已经可以投入实际应用了。但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站,该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。一、圆角(Rounded Corner).box_round {-moz-border-radius: 30px; /* FF1+ */-webkit-border-radius: 30px; /* Saf3+, Chrome */border-radius: 30px; /* Opera 10 阅读全文
posted @ 2013-05-09 16:35 zagelover 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 做网页的时候,难免要处理div选装或者倾斜的问题,之前看过好多网上的帖子,需要使用到滤镜,都能发现,滤镜一般只在IE上有用,其他浏览器就不行了。不过,好消息,css3为这个效果打开了方便的大门,也就是说,凡是支持CSS3的浏览器,就可以通过以下简单的几句css来实现div的旋转了:-o-transform: rotate(40deg); /* Opera浏览器 */-webkit-transform: rotate(40deg); /* Webkit内核浏览器 */-moz-transform: rotate(40deg); /* Firefox浏览器 */ /* 以上实现了div旋转40度角 阅读全文
posted @ 2013-05-09 14:19 zagelover 阅读(5524) 评论(0) 推荐(0) 编辑
摘要: 设置元素的透明度:-moz-opacity:0.8; /*在Firefox中设置元素透明度filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。例如:<div><p>不透明</p></div>div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px;height:500px;color:#F30; font-size:32px; font-wei 阅读全文
posted @ 2013-05-09 13:06 zagelover 阅读(242) 评论(0) 推荐(0) 编辑