2

我的网站在这里使用 CSS 按钮,但它们在 IE 中不起作用,我无法弄清楚为什么它们应该如此。

这是CSS:

/* Buttons: Common Style */
.big, .medium, .small{display: block;
text-align: center;
cursor:pointer;
font-family: sansus webissimo;
font-weight:normal !important;
text-shadow: 0 1px 0 rgba(34, 34, 34, 0.8);
color: #ffffff;
border-radius: 15px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(26, 26, 26, 0.8) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}

/* Buttons: Sizes */
.big {width: 130px;padding:1px;font-size:25px;}
.medium {width: 80px;padding:3px;font-size:21px;}
.small {width: 68px;padding:3px;font-size:17px;}
.big:active, .medium:active, .small:active{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);outline: 0 none;}

同样在 IE 中,我对标题标题和框标题使用 css 拼接效果,但是当边框半径不均匀时,即。'border-radius:6px' 则缝合效果仅在 IE 中不起作用。

这是CSS:

/* TITLE BORDERS */
h1, h2, #left-nav .quickjump h2, .right-nav .banners h3, #left-nav .banners h3, h3.twitter, #datepicker .ui-widget-header, #datepicker .ui-datepicker .ui-datepicker-header {margin-bottom:5px;font-family:'league gothic';font-size:26px;text-transform:uppercase;padding:0px 12px;
background: #7B6E80;
-moz-box-shadow: 0 0 0 2px #7B6E80, 1px 1px 3px 2px rgba(85, 85, 85, .5);
-webkit-box-shadow: 0 0 0 2px #7B6E80, 1px 1px 3px 2px rgba(85, 85, 85, .5);
box-shadow: 0 0 0 2px #7B6E80, 1px 1px 3px 2px rgba(85, 85, 85, .5);
color: white;
border: 1px dashed #ddd;
text-shadow: 0 1px 1px #222222;
border-radius: 6px 6px 0 0;
line-height: 1.3;
}

非常感谢任何帮助。

4

2 回答 2

0

The stitching effect is partially created by box-shadow, a property not supported by IE<9

于 2012-12-10T19:21:42.687 回答
0

我做了很多研究并得出结论,它们只是 IE 错误,所以答案是没有答案。

同样对于 CSS 按钮,过滤器需要针对 IE 进行调整。

于 2012-12-16T17:40:29.557 回答