首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >按钮样式CSS -使用I.E发布

按钮样式CSS -使用I.E发布
EN

Stack Overflow用户
提问于 2013-09-18 07:47:29
回答 2查看 115关注 0票数 0

我有一个按钮的样式。在FirefoxChrome上运行perfect,但不使用Internet (所有版本)

JsFiddle演示: http://jsfiddle.net/Mhded/1/

这是我的密码:

HTML:

代码语言:javascript
运行
复制
<span class="button_style">Comment</span>

CSS:

代码语言:javascript
运行
复制
.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;
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-18 07:55:21

这个在IE10里适用于我

这适用于IE8+,(没有在IE8向下测试)-使用背景颜色而不是渐变。

我添加了border:none;,它不再显示其周围的边框,在IE10中如下所示:

按钮截图http://puu.sh/4ucGX.png

这在IE8中是不支持的(IE8-中不支持边界半径)

IE9和down没有显示任何内容,因为您使用的是渐变。您可以(某种程度上)通过添加background:#006666来修复它,因为您不需要从一种颜色到同一种颜色的渐变,两者之间没有差别。

票数 3
EN

Stack Overflow用户

发布于 2013-09-18 07:52:38

这是因为IE不支持某些CSS 属性。你需要研究每一个,并找到如何做它为IE。

过滤器是IE 10 http://msdn.microsoft.com/en-us/library/ie/hh801215(v=vs.85).aspx中不支持的过滤器。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18866568

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档