0

我无法确定需要对此页面进行哪些更改才能在 Internet Explorer 中正确显示。我已经尝试了通常的修复:定义浏览器标准,添加一个清除 div,添加一个高度,使用“背景”而不是“背景颜色”,但没有任何改变。背景保持透明。

我需要#maindiv 背景是白色的。不那么重要,但也需要,我不确定为什么也不显示边框半径。

您必须登录才能查看网站的一部分,但这也有问题。我正在使用 css 渐变,并且我认为我正在使用跨浏览器显示所需的所有选项,但按钮没有背景渐变。这就是我用于渐变的内容:

background: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(102,51,102) 100%);
background: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(102,51,102) 100%);
background: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(102,51,102) 100%);
background: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(102,51,102) 100%);
background: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(102,51,102) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(1, rgb(102,51,102)));

这也不是立即成为问题,因为我有备用背景颜色,但奇怪的是,这些按钮上的边框半径工作正常。

我没有任何其他 IE 问题,但如果您看到任何其他问题,我是开放的。

该网站是http://connectroot.com

4

1 回答 1

0

好的,缺少的背景是父级没有扩展到其内容。简单地浮动它就会让它回来,但它可能不是最好的解决方案(我没有广泛检查你的布局)。导航中的圆角隐藏在背景 nav.main-navigation 后面(样式来自 nav)。

现在 Webkit 浏览器为内部元素提供圆角(导航在 #main 内部),但 IE 没有。一种更清洁的方法是将您的导航放在 #main 之外:

<nav>    <-- rounded corner, black bg
<main>   <-- white bg

我找不到渐变。我希望这会有所帮助,IE 开发工具很痛苦 :(

于 2013-10-17T04:41:30.823 回答