admin 发表于 2013-7-19 17:55:37

css3 兼容不同浏览器样式怎么写


css兼容不同浏览器其实很简单

比如 html5里面transform:rotate(30deg); 这个写法要兼容不同的浏览器直接在这个前面加上不同浏览器的标识，如下

-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox火狐浏览器*/
-webkit-transform:rotate(30deg); /* Safari and Chrome浏览器*/
-o-transform:rotate(30deg); /* Opera浏览器*/


<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:75px;
background-color:yellow;
border:1px solid black;
}
div#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}
</style>
</head>
<body>

<div>不使用html5transform效果的div</div>

<div id="div2">使用html5 transform旋转30度的效果</div>

</body>
</html>

phonegap100 发表于 2013-9-27 15:46:17

有竞争才有进步嘛

admin 发表于 2013-9-27 21:25:48

支持一下:lol

uqobk8216 发表于 2013-9-29 20:56:56

帮你顶下哈！！

uqobk8216 发表于 2013-9-30 18:18:41

这是什么东东啊
页: [1]
查看完整版本: css3 兼容不同浏览器样式怎么写