我有一个按钮的样式。在Firefox和Chrome上运行perfect,但不使用Internet (所有版本)
JsFiddle演示: http://jsfiddle.net/Mhded/1/
这是我的密码:
HTML:
<span class="button_style">Comment</span>
CSS:
.button_style {
background:-moz-linear-gradient(top,#006666 0%,#006666 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#006666),color-stop(100%,#006666));
background:-webkit-linear-gradient(top,#006666 0%,#006666 100%);
background:-o-linear-gradient(top,#006666 0%,#006666 100%);
background:-ms-linear-gradient(top,#006666 0%,#006666 100%);
background:linear-gradient(top,#006666 0%,#006666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666',endColorstr='#006666',GradientType=0);
border: 1px solid #006666;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
font-family: 'Helvetica',sans-serif;
font-size: 14px;
padding: 6px;
vertical-align: middle;
width: 70px;
cursor:pointer;
}
发布于 2013-09-18 07:55:21
这适用于IE8+,(没有在IE8向下测试)-使用背景颜色而不是渐变。
我添加了border:none;
,它不再显示其周围的边框,在IE10中如下所示:
这在IE8中是不支持的(IE8-中不支持边界半径)
IE9和down没有显示任何内容,因为您使用的是渐变。您可以(某种程度上)通过添加background:#006666
来修复它,因为您不需要从一种颜色到同一种颜色的渐变,两者之间没有差别。
发布于 2013-09-18 07:52:38
这是因为IE不支持某些CSS 属性。你需要研究每一个,并找到如何做它为IE。
过滤器是IE 10 http://msdn.microsoft.com/en-us/library/ie/hh801215(v=vs.85).aspx中不支持的过滤器。
https://stackoverflow.com/questions/18866568
复制相似问题