0

我喜欢使用边框和框阴影插入的效果，但只有“Chrome”支持插入负值0px, 0px, -1px。

但是，当我检查 FF、Safari 和 IE 时（我没有它，但我打赌它也不支持它）...根本没有 box-shadow。

当我用萤火虫检查元素并尝试输入 box-shadow: 0px 0px 1px rgba(255,255,255,0.7) inset; 它确实出现但没有出现-1px。那么该值无效。

有人知道吗？如果不是，我怎样才能使“IF”浏览器不是 chrome，然后添加正值呢？

4

2 回答 2

2

您可以使用用户代理检测来检测 chrome 浏览器：

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

（取自本页）

接着：

// include this in the <head> of your doc
if (is_chrome) {
   <link href="chrome_style.css" rel="stylesheet" />
} else {
    // do stuff for other browsers (or ignore)
}

似乎“chrome”这个词出现在大多数（如果不是全部）chrome 的用户代理中。我发现userAgentString.com也提供了旧版本的用户代理字符串列表。

于 2012-08-07T22:30:40.520 回答
1

我确信对于这种特定情况有更好的方法，但我只想分享这个。

CSS Browser Selector是一个非常酷的小 JS 文件，它允许您为特定浏览器指定 CSS 类。

例如，example如果浏览器是 IE7，则以下内容仅适用于具有该类的元素。

.ie7 .example {
  background-color: orange
}

该页面列出了所有支持的浏览器，您可以创建适用于除 Chrome 之外的所有浏览器的样式。

.ie, .ie7, .ie8, .opera, ... { style }
于 2012-08-07T22:23:55.340 回答