边界半径在ie中的行为异常
边界半径在ie中的行为异常
提问于 2012-08-08 04:56:20
我刚刚注意到我的工具栏的边框半径在ie9中不起作用。奇怪的是，有一个长方体阴影是弯曲的，所以我不知道它是怎么回事。在IE中，实际的工具栏div不是弯曲的，但它的长方体阴影是弯曲的。在其他浏览器中一切都很好，我知道ie9支持边框半径。
无论如何，css如下所示。我已经去掉了所有的前缀和不需要的样式，所以只有方框阴影和边框半径在那里。这是一个包含所有样式的jsfiddle。
更新
找出哪里出了问题。渐变已经停止了IE中边界半径的工作，所以我现在将在IE中禁用它。如果有人有办法保留它们和边界半径，那就太好了。我已经添加了渐变样式。
.membersbar {
width:98%; background-color:#313131;
height:30px; padding-top:5px;
border-bottom-right-radius:2em;
position:fixed;
top:0;
box-shadow:0 0 5px 5px #999;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#202020');
background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#202020));
background: -moz-linear-gradient(top, #313131, #202020);
}这是头部的相关信息；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-08 07:06:17
我已经弄清楚发生了什么事。我的渐变(现在在其中编辑)阻止了边界半径在IE中工作。我已经添加了渐变到css。如果任何人有任何方法来保持梯度和边界半径，这将是伟大的，否则我将不得不在IE中禁用梯度。
Stack Overflow用户
发布于 2012-08-08 05:00:56
请验证您的主HTML文档是否以
<!DOCTYPE HTML>IE假设任何没有DOCTYPE标签的页面都是一个“旧的”非HTML5文档，并使用一些奇怪的“兼容性”模式，忽略了许多CSS3特性。
Stack Overflow用户
发布于 2012-08-08 05:03:47
使您的IE使用最新的IE功能。将下面的metatag (必须是第一个)添加到HEAD元素：
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11854017
复制相关文章
相似问题
腾讯云开发者
