首页 > 代码库 > 兼容性总结
兼容性总结
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#div1 { width:200px; height:200px; border:1px solid #333;
background:-moz-linear-gradient(top, #FFFFFF,#000000);
background:-webkit-linear-gradient(top, #FFFFFF, #000000);
background:-ms-linear-gradient(top, #FFFFFF, #000000);
background:linear-gradient(top, #FFFFFF,#000000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#000000)";
/*ie7下取一个中间值就行*/
+background:#f9f9f9; /*中间值*/
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
上面是渐变的兼容性写法
2. ie6 7 下div浮动之后marginbottom会失效 解决办法是用padding
3.倾斜 旋转不兼容 直接切图
兼容性总结
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。