English 中文(简体)
CSS 符合原始浏览逻辑
原标题:CSS with if/then browser logic
  • 时间:2009-09-08 23:07:31
  •  标签:

关于浏览器和带; IE7,我想使用某种风格,而对于其他浏览器,我喜欢使用另一种。 我能否使用单一卷宗,或者如果逻辑上包含一个象黑板的卷宗,我是否必须这样做?

最佳回答

这里的一个例子是,你可以包括一个专门针对国际电子计算机6的特别特别安全局,以压倒国际电子计算机6或以下特定中心班:

<link rel="stylesheet" type="text/css" href="/css/screen.css" title="MySiteStyle" media="screen" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/screen-ie6.css" title="MySiteStyle" media="screen" />
<![endif]--> 

或者,你可以这样做:

<!--[if (!IE) | (gt IE 6)]>
<div class="header">
<![endif]--> 
<!--[if lte IE 6]>
<div class="ie6_header">
<![endif]--> 

MSDN在IE 有条件评论支持方面有更详细的信息。

问题回答

你们也可以使用java字母来检测浏览器,并采用基于此的分类。 例如,见:

JQuery Attributes

您可使用conditional comments:

<!--[if lt IE 7]>
  <style>
    /*your style for IE <=6*/
  </style>
<![endif]-->

<![if !IE | (gte IE 7)]>
  <style>
    /*your style for other browsers*/
  </style>
<![endif]>

我认为,这是解决此类问题的最佳办法。





相关问题
热门标签