Internet explorer 为什么在IE中边框右上角半径显示在左侧_Internet Explorer_Css

Internet explorer 为什么在IE中边框右上角半径显示在左侧

internet-explorer css

Internet explorer 为什么在IE中边框右上角半径显示在左侧,internet-explorer,css,Internet Explorer,Css,我正在修改一个网站以适应IE 该网站基于Drupal7，是希伯来语的四舍五入的年代是用指南针编制的 /* line 28, ../sass/boxshadow.scss */ #border-radius { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottom

我正在修改一个网站以适应IE

该网站基于Drupal7，是希伯来语的

四舍五入的年代是用指南针编制的

/* line 28, ../sass/boxshadow.scss */

#border-radius {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

在现代浏览器中，一切都能正常工作，但在IE上，左边的角是圆形的。当我将属性更改为“左”时。它可以在ie上运行，但在其他浏览器上会变得疯狂

上面的方块是从罗盘上取下来的。这就是我在网站上使用的内容

#block-menu-menu-navigation-tabs li:first-child a,li:first-child{
 -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
     -moz-border-radius-bottomright: 8px;
      -webkit-border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;

}

**使用compass

最简单的方法是以IE为目标，只为已更改的属性提供服务

<!--[if IEMobile 7]><html class="iem7"  lang="he" dir="rtl"><![endif]-->
<!--[if lte IE 6]><html class="lt-ie9 lt-ie8 lt-ie7"  lang="he" dir="rtl"><![endif]-->
<!--[if (IE 7)&(!IEMobile)]><html class="lt-ie9 lt-ie8"  lang="he" dir="rtl"><![endif]-->
<!--[if IE 8]><html class="lt-ie9"  lang="he" dir="rtl"><![endif]-->

等等。您应该选择不起作用的IE版本

如果您想针对所有IE，您可以调整您的条件注释：

<!--[if IEMobile 7]><html class="ie iem7"  lang="he" dir="rtl"><![endif]-->
<!--[if lte IE 6]><html class="ie lt-ie9 lt-ie8 lt-ie7"  lang="he" dir="rtl"><![endif]-->
<!--[if (IE 7)&(!IEMobile)]><html class="ie lt-ie9 lt-ie8"  lang="he" dir="rtl"><![endif]-->
<!--[if IE 8]><html class="ie lt-ie9"  lang="he" dir="rtl"><![endif]-->

我猜你想让它在IE9及以上版本中运行。因为低于IE9，边界半径不起作用

您是否尝试过这样做：

#block-menu-menu-navigation-tabs li:first-child a,li:first-child{
  border-radius : 8px 0 0 8px;/* top-left top-right bottom-right bottom-left*/
  /* no need for browser prefixes */
}

您使用的是哪个版本？我也找不到文件：/sass/boxshadow.css或ID为border-radius的元素。谢谢。我知道这一点。必须有不同的方法。

.ie {
    border-left:1px
}

#block-menu-menu-navigation-tabs li:first-child a,li:first-child{
  border-radius : 8px 0 0 8px;/* top-left top-right bottom-right bottom-left*/
  /* no need for browser prefixes */
}