htmlcss渐变及兼容性
1.问题：有时候因为电脑屏幕不同，需要做的背景或者网页宽度不同 到别的电脑上可能有左右滚动条 或者不需要的上下滚动条。
解决办法：1.让竖条没有:<body style="overflow:-Scroll;overflow-y:hidden" > </body>
2.让横条没有<body style="voerflow:-Scroll;overflow-x:hidden"></body>
3.取消横竖：<body style="scroll=no;"></body>
注意事项：改样式必须放在行内，否则无效！
2.问题：如何修改element.style样式，在修改主题css时遇到过一些问题，比如说出现这个elememt.style，这个有时候无法直接修改，因为找不到。因此可以通过css中的 !important 语法 优先权来实现我们想要的效果。
解决办法：使用 !important来实现对DOm对象内的element.style样式进行禁用，并使用我们自己定义新样式；
例：<div id="myflow_tools" style=" position: absolute ;top:150;"></div>将top：更改为150px设置无效，在firebug中默认设置为仍然为10px；
原因：的默认Dom对象的优先级为最高级，如需更改则top则需设置禁用Dom中的top：10px方可起效；
#myflow_tools{
position: absolute !important;
top:200px !important;
}
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
#div1{ width:300px; height:300px; border: 1px solid black;}
.gradient{
background:-webkit-linear-gradient(top,#FFFFFF,#d33027); /*以webkit浏览器引擎为基础的浏览器可以识别:chrome,opera , safari*/
background:-moz-linear-gradient(top,#FFFFFF,#d33027); /*支持火狐浏览器*/
background:-ms-linear-gradient(top,#FFFFFF,#d33027); /*支持ie10及ie以上版本*/
background:linear-gradient(top,#FFFFFF,#d33027);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#d33027)"; /*支持ie8,9*/
+background:#eca7a3; /*ie6,,ie7不支持，则取中间色*/
}
</style>
</head>
<body>
<div id="div1" class="gradient"></div>
</body>
</html>
1433
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
