根据浏览器的 CSS 属性条件

Question

我有一个 CSS 属性:

top:20px;

在 Internet Explorer 上可以，但在 FireFox 上不行。对于 Firefox 应该是这样的:

top:0px;

如何在 CSS 中添加有条件的情况？

Answer 1

找到这段脚本here这可能对你很有用。

   // This function returns Internet Explorer's major version number,
   // or 0 for others. It works by finding the "MSIE " string and
   // extracting the version number following the space, up to the decimal
   // point, ignoring the minor version number
   <SCRIPT LANGUAGE="JavaSCRIPT">
   function msieversion()
   {
      var ua = window.navigator.userAgent
      var msie = ua.indexOf ( "MSIE " )

      if ( msie > 0 )      // If Internet Explorer, return version number
         return parseInt (ua.substring (msie+5, ua.indexOf (".", msie )))
      else                 // If another browser, return 0
         return 0

   }
   </SCRIPT>

请注意，css 用于样式化您的工作表，因此您需要通过 javascript 或其他脚本语言添加此 css。

---

对于你需要的东西来说有点过分了，但是把它剥离下来(这样就得不到版本号)。它为您的测试奠定了良好的基础。

---

一个很好的例子

---

The following example demonstrates how to detect the browser version from a client-side script. Note that this example does not specifically check for platform version, such as Windows 95, Windows >NT, Windows 3.1, and so forth, which require a separate userAgent substring check when applicable:

<SCRIPT LANGUAGE="javascript">
   if ( msieversion() >= 4 )

      document.write ( "This is Internet Explorer 4 or later" );

   else if ( msieversion() >= 3 )

      document.write ( "This is Internet Explorer 3" );

   else

      document.write ( "This is another browser" );

   </SCRIPT>