我可以为IE创建一个单独的样式表吗?
我使用Mac创建了我的网站。如你所知,我无法使用Internet Explorer进行测试,因此我将它留在最后但期待布局灾难。该网站在Chrome,Firefox和Safari中看起来很完美。正如所料,IE以不同的方式显示。我应该如何从这里继续前进?我可以为IE创建一个单独的样式表吗?
- 为IE创建样式表?
- 更新我现有的样式表,在我之前提到的所有浏览器中按预期显示网站?
对我来说,(1)似乎是最简单的选择,这样我就可以定制我的CSS在IE中正常显示而不必担心Chrome,Firefox和Safari。你认为这样可以吗?
谢谢!
您定位的是哪个版本的IE?大多数IE CSS2 bug的主要问题都出现在IE6中,其次是IE7--但是IE8和IE9要好得多,我没有遇到任何需要它们分开样式表的bug。
如果你的目标是IE6/7,那么你有我的同情心,但我不明白为什么你应该打扰,因为现在IE6的使用是微不足道的。但是,如果你必须的话,那么有条件的评论是管理这个问题最不痛苦的方式。只要做到这一点在你的<头>元素:!
< - [如果IE 6] > <的link rel = “样式的” href = “ie6patch.css”/ > < [ENDIF] - >
在这里阅读更多:http://www.quirksmode.org/css/condcom.html
另外,不要忘了<元HTTP的当量= “X-UA兼容” 内容= “IE =边缘”/ >添加到您的网页力IE8和IE9使用标准模式。
谢谢大卫! – schenker
您只能针对IE浏览器专门针对您的stylesheet
。您需要在页面的标题部分添加条件代码。见下面的例子。
对于所有IE
<!--[if IE]>
For all IE
<![endif]-->
如果你只是想定位IE的特定版本则
<!--[if IE 7]>
For only IE 7
<![endif]-->
只是想到,你不能使用这种方法来解决IE10和更高的分辨率 – Nils
有一对夫妇的事情可以做。条件注释的
实例为目标的所有版本的IE
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
你可以找到更多有条件的意见http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
- Validate Your Css修复一些明显的降价错误可能会极大地改善您的代码。
将来您可以使用css重置来最小化浏览器之间的差异。我过去使用过这个:http://developer.yahoo.com/yui/reset/
也可以考虑使用像http://www.99lime.com或类似的模板。
嗨,99lime.com无疑提供了一个伟大的工具来简化我的事情!我有个问题。我可以选择性地选择某些元素并入我的网站吗?对于e,g。我喜欢幻灯片放映元素,我可以在我的网站中使用它吗?谢谢。 – schenker
99lime中的幻灯片并不意味着要定制,所以我强烈建议使用流行的jquery滑块,它具有良好的文档。我喜欢这个:http://css-tricks.com/examples/AnythingSlider –
只是为了澄清,你不问如何做一个单独的样式表,正确吗? –
*如果可能*,请使用适用于所有浏览器的单一样式表。这并非易事,但可能。对于任何只需要IE特定调整的内容,请使用仅限IE的样式表。 **使用虚拟机在OS X上预览IE。** – deceze
Hi iight,No im not。林问我是否可以创建一个单独的样式表。 – schenker