Question

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

我需要#main div背景为白色。不重要，但也需要，我不知道为什么border-radius也不显示。

网站的某个部分您必须登录才能看到，但这也有问题。我正在使用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

Answer 1

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

现在，Webkit浏览器为内部元素提供了圆角（nav在#main内部），但IE却没有。更简洁的方法是将您的导航设置在#main：

之外

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

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

Internet Explorer css问题：border-radius，background-color，gradient

1 个答案: