-4

我不知道人们如何测试他们的网站是否与旧浏览器兼容。我有一个顶部菜单，width:100%它在 Firefox 中正常工作，但在 IE9 中失败。

这是CSS：

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: 100%; //950px
}

在 IE9 上运行时，菜单宽度会缩短。

4

2 回答 2

0

可能的原因：<br> 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.如果滚动条被放置在元素盒子的边缘，它应该插入到内边框边缘和外填充边缘之间。滚动条占用的任何空间都应该从带有滚动条的元素形成的包含块中取出（从尺寸中减去）。http://www.w3.org/TR/CSS21/visufx.html#overflow

试试这个：

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: expression(this.parentNode.offsetHeight > this.parentNode.scrollHeight ? '100%' : parseInt(this.parentNode.clientWidth) + 'px');
}
于 2012-09-04T02:19:13.287 回答
0

没有更多代码很难说。IE 总是给我带来麻烦。我喜欢使用附加组件，Web 开发。它让我可以在网络上为 IE 进行测试和实验。http://www.microsoft.com/en-us/download/details.aspx?id=18359 也尝试添加 float: left 或 margin: 0; 或填充：0；看看其中一个是否修复了错误。希望这有帮助。

于 2012-09-04T05:01:03.883 回答