我用一个 Mac 创建了我的网站。 正如你们知道的,我无法用互联网探索者测试它,我把它留给了最后一次但预期会发生的布局灾难。该网站在Chrome、Firefox和Safari中看起来完美。按照预期,IE展示了不同的东西。我应该如何从这里开始呢?
对我来说, (1) 似乎是最简单的选择, 这样我就可以调整我的 CSS 来在 IE 上正确显示, 不用担心Chrome, Firefox 和 Safari 。 您认为这样可以吗?
谢谢!
您可以专门为 IE 指定您的 < code> 样式表 。 您需要在页面标题部分上设置条件代码。 示例见下文。
爱一切 IE
<!--[if IE]>
爱一切 IE
<![endif]-->
如果你想瞄准特定版本的 IE, 那么
<!--[if IE 7]>
For only IE 7
<![endif]-->
你可以做几件事
以所有版本 < engenger > IE 为目标的有条件注释示例
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
您可以找到更多有条件的评论 < a href=>""http://css-tricks.com/how-to-create-an-ie-ly-stystemsheet/"rel="no follow" >http://cs-tricks.com/how-to-create-an-ie- only-stypesheet/
您选择哪个版本的 IE 目标? 大部分 IE CSS2 错误的主要痛苦都在 IE 6 中, 在较小程度上, IE7 - 然而 IE8 和 IE9 都好得多了, 我从未遇到过任何需要它们有单独样式表的错误 。
如果您是针对 IE6/7, 那么您有我的同情心, 但我不明白为什么您应该费心, 因为 IE6 的用法现在微不足道。 但是, 如果您必须这样做, 那么有条件的评论是解决问题最不痛苦的方法 。 只需在您的 & lt;head> 元素中这样做 :
<!--[if IE 6]> <link rel="stylesheet" href="ie6patch.css" /> <![endif]-->
更多信息:http://www.quirksmode.org/css/condcom.html
另外,不要忘记在您的页面中添加 & lt; meta http- equiv= "X- UA- comparable" 内容= "IE=sedge" / & gt; 强制 IE8 和 IE9 使用标准模式 。
未来您可以使用 cs 重置来最小化浏览器之间的差异 。 我过去曾经使用过这个 : < a href="http:// developmenter.yahoo.com/ yui/ reset/" rel=" nofollow > http:// developer.yahoo.com/ yui/reset/
还考虑使用类似的模板“http://www.99lime.com” rel=“no follow” >http://www.99lime.com 或类似的模板。
查看 < a href=> "http://www.quirksmode.org/css/condcom.html" rel="nofollow">有条件的评论 。
I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....
I have a div <div id="masterdiv"> which has several child <div>s. Example: <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="...
I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...
<form><input type="file" name="first" onchange="jsFunction(2);"> <input type="file" name="second" onchange="jsFunction(3);"</form> Possible to pass just numbers to the js ...
So I ve got a menu with a hover/selected state and it loads fine in IE6/IE7. However when I scroll down the page and put the element outside of the viewport and then back in I get a broken image! I ...
I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...
Is it possible to reload a form after file-input change? I have a form where the user can chose an image for upload. I also have a php script which displays that image resized. I only wonder if it ...
I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!