我有一个asp.net-MVC3网站。 我使用CSS创建的所有布局。 布局正是我多么希望它在Firefox和Chrome,但在Internet Explorer上它是一个很大的混乱。
所以现在我正在试图修复它。
但问题是,我想解决它不搞乱它在Firefox或Chrome。
我必须从头开始重新启动并重建布局? 或者是有指定一定的布局特定的浏览器的方式。
事情是这样的:
如果Internet Explorer然后使用这个CSS表或样式,否则使用我媒体链接有。
我有一个asp.net-MVC3网站。 我使用CSS创建的所有布局。 布局正是我多么希望它在Firefox和Chrome,但在Internet Explorer上它是一个很大的混乱。
所以现在我正在试图修复它。
但问题是,我想解决它不搞乱它在Firefox或Chrome。
我必须从头开始重新启动并重建布局? 或者是有指定一定的布局特定的浏览器的方式。
事情是这样的:
如果Internet Explorer然后使用这个CSS表或样式,否则使用我媒体链接有。
使用这些(把它的头):
目标IE所有版本
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
目标一切,除了IE
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
目标IE 7 ONLY
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
目标IE 6 ONLY
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
目标IE 5 ONLY
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->
目标IE 5.5 ONLY
<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->
目标IE 6和LOWER
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
目标IE 7和LOWER
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
目标IE 8和LOWER
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
目标IE 6和更高的
<!--[if gt IE 5.5]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
目标IE 7和更高
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
目标IE 8和更高的
<!--[if gt IE 7]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
你必须找出问题(S)(其中可能有一些使用怪癖模式做的)和解决这些问题。
没有灵丹妙药可以解决所有IE的困境,并提供了一个完全不同的样式表通常是更多的工作,那么你需要做的。
您可以使用IE浏览器提供的代码将专门有条件的意见 ,但在绝大多数情况下,这应该与轻触摸应用。
您需要有条件的IE浏览器的样式表。
创建要只有IE浏览器使用样式表,并把它们在IE里面具体的代码文件头。 例如:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
这将调用IE的任何版本的所有IE-only.css样式表,但你可以改变的代码是特定版本,甚至一组版本,如“比IE9少”
这是一个具有所有信息的重要资源- http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ ( 丹已复制和粘贴在此为你解答确切内容)
我已经成功地能够通过使用一个完整的reset.css样式表来让人们在IE,Safari浏览器,Opera和Firefox非常一致的设计。
该reset.css将“0出”的不同每个浏览器预设的标准,然后加载在一个干净的石板您的实际样式表。
只是测试reset.css和样式表,name.css后做我创建浏览器特定的黑客。 这是一个跨浏览器一致的显示器的最佳实践。
下面的链接是一个很好的例子: http://meyerweb.com/eric/tools/css/reset/
什么你问的是一个<!--[if IE]>
标签。 该网站详细经过它。
然而,在未来,你可以建立一个网站工作的跨平台,无需如果IE标签。 这一切都取决于你的CSS和标记。