html – 边界半径在ie中表现奇怪

2023年12月24日 204次阅读

我刚刚注意到我的工具栏的边框半径在ie9中不起作用.奇怪的是,有一个盒子阴影确实曲线,所以我不知道它发生了什么.在IE中,实际的工具栏div不是弯曲的,而是它的盒子阴影.在所有其他浏览器中一切都很好,我知道ie9支持边框半径.

无论如何css在下面.我删除了所有前缀和不需要的样式,因此只有框阴影和边框半径.这是一个拥有所有风格的jsfiddle.

UPDATE

弄清楚出了什么问题.渐变已停止在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>

最佳答案 使您的IE使用最新的IE功能.将以下metatag(必须为1st)添加到HEAD元素：

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
点赞