0

所以，假设我有一个内联块元素。所以这不适用于ie6或FF2 ...

假设我用 css hacks 和使用 -moz-inline-stack 来弥补它......

现在，假设 inline-block 元素也是 position: relative，所以它是一个容器，并且有一个位置 absolute, top:0, right: 0 的子元素。

在较旧的浏览器中，子元素位于屏幕的右上角，而不是 inline-block 容器元素的右上角...

现在，我可以通过在我的子元素周围包裹一个 div 并使其“位置相对”来解决这个问题……但我想尽可能避免不必要的标记。

最初我想做：

if (browser == ie6 || browser == ff2) {
  wrap child element with div for older browser..
} 
else {
  assume everything is fine
}

但我认为这样做会更好：

if (child element is at the top right of the screen) {
  wrap child element with div for older browser..
} 
else {
  assume everything is fine
}

所以我很好奇，这里的人会如何推荐这种东西。

谢谢！

4

1 回答 1

2

一般来说，Modernizr最擅长进行浏览器功能检测。现代化

向元素添加类，允许您在样式表中定位特定的浏览器功能。您实际上不需要编写任何 Javascript 即可使用它。

虽然它可能不适用于您的特定场景，但 Modernizr 也可以进行 CSS 特征检测。例如，

你有没有想过在你的 CSS 中使用 if 语句来获得诸如边界半径之类的酷特性？好吧，有了 Modernizr，您就可以做到这一点！

于 2011-04-08T18:21:30.530 回答