CSS兼容性IE7 - IE8问题

问题：CSS兼容性IE7 - IE8问题

感谢您花时间阅读本文。我遇到了一个需要尽可能简单解决的问题。我正在重新开发一个网站，但是自从我更新到IE8以来，我完全忘记了IE7，但是现在仍然有人在使用它。

我需要知道什么具体的事情我应该改变这个网站以显示相同的方式，因为它在IE8中。但我不知道从哪里开始。有没有人有这方面的经验，谁能给我一个指导方针？有这样的脚本吗？

网址：http://www.testsite.c-tz.nl/

如果你认为这与IE8看起来完美。

但是，如果你用IE7查看它，事情并不是它们应该是的地方，非常难看。

来源

2011-04-01 C-TZ

这个问题的方式过于宽泛。 – 2011-04-01 14:23:57

没有硬性规定。按元素工作，直到它看起来一样。理想情况下，您应该在所有常用浏览器中进行测试。 – Ant 2011-04-01 14:35:22

你可以用你的IE8进行测试，使用开发工具条并将其切换到IE7标准 – clairesuzy 2011-04-01 14:50:11

正如其他人所说，你的问题是广泛的。你需要把它分解成更小的问题 - 这可能会帮助你自己解决问题。

有一件事我没有注意到：IE浏览器在display: inline-block上有元素的问题，这些元素是orignally block元素。可以使用span（只有当它不包含块元素时才可能），或者使用其他方法并排放置块，例如float。

顺便说一句，你的HTML中有太多的div s。没有必要每img，每，等自己的div。通常，您应用于div的任何样式都可以直接应用于“包装”元素。

来源

2011-04-01 14:46:26 RoToRa

这是真的IE6/7完全不支持内联块，但不需要更改为内联元素，只需为所有具有内联块的元素添加一条新规则并添加此内容（毕竟在表格的末尾其他规则）：'.class1，.class2，.class3，li，h3 {display：inline！ie7;}'将这些类名称和元素替换为表格中所有内联块的类名称和元素，并分别放置不要试图添加到现有的规则中;） – clairesuzy 2011-04-01 14:53:30

这个'！ie7'声明是什么？它是否记录在某处？ – RoToRa 2011-04-01 15:04:14

它只是用于将CSS提供给ie7和以下版本，您可以将'display：inline'规则放在条件注释中，而不需要'！ie7'位.. [更多信息]（http://stackoverflow.com/questions/4987418/bang-ie7-what-it-it-mean）实际的文本“ie7”并不重要，但它可以提醒你什么（或谁;））规则是 – clairesuzy 2011-04-01 15:07:38

这不是一个很酷的想法...但是你可以尝试在你生病时用很旧的浏览器，如IE6或IE5 ...

1.使用JavaScript来检测浏览器和版本..

2.later用类似的方法来重定向访问者下载IE 8 ..

<script> 
if(''+browserName+''+fullVersion+'' == "Microsoft Internet Explorer6.0") 
{ 

alert("You're using an Old Browser.Update the browser to view the website.(or) Try Latest Google Chrome , Firefox , Safari, Opera") 
window.location = "http://www.microsoft.com/download/en/details.aspx?id=43" 
} 
//document.write(''+browserName+''+fullVersion+''); 
</script>

来源

2012-05-07 07:57:35

CSS兼容性IE7 - IE8问题

回答

相关问题