javascript - IE 的自定义 css 属性

Question

我在使用 jquery 和 css 制作的一些按钮上有悬停效果，弹出的文本是带有文本阴影的黑色背景的白色文本等。由于 IE 不支持这是有一种方法我可以只添加 IE规则，因此如果浏览器是 IE，它将更改字体颜色。

.social li a strong 
{ 
    font-weight:normal; 
    position:absolute; 
    left:20px; 
    top:-1px; 
    color:#fff; 
    padding:3px; 
    z-index:9999;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); 
    background-color:rgba(0, 0, 0, 0.7);
    -moz-border-radius:3px; 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
    -webkit-border-radius:3px; 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
    border-radius:3px; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

Answer 1

您需要以某种方式识别 IE。

1. Use a conditional comments stylesheet.

这需要一个额外的 HTTP 请求，但我称之为糟糕的浏览器税。

但是，您可以将额外的 CSS 内联到 style 元素中。

2. Use a CSS hack

这很丑陋，不推荐。对于一些较小的属性设置，它可能很有用。

3. Attach a hook via JavaScript

这很有效，因为您可以执行 .ie #element { ... }，除非没有启用 JavaScript，用户将看不到任何仅 IE 的属性。