1

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

该网站基于drupal 7，使用希伯来语。

四舍五入的年龄是使用指南针编译的

/* 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;

}

**使用指南针

4

2 回答 2

0

最简单的方法是针对 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]-->

例如，您可以编写如下内容：

.iem7 {
    border-left:1px
}

等等。您应该选择不起作用的 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]-->

现在您可以为所有 IE 编写 css：

.ie {
    border-left:1px
}
于 2012-08-14T14:10:49.863 回答
0

我猜你想让它在 IE9 及更高版本中工作。因为低于 IE9，border-radius 不起作用。

您是否尝试过这样做：

#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 */
}
于 2012-08-14T22:38:46.820 回答