1

IE に合わせて Web サイトを作り直しています。

Web サイトは 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 に答える