0

私はCssコードを持っています:

#mydiv{
    position:absolute;
    top:50;
    left:50px;
    border: 8px solid rgba(160,160,160,0.8);
    padding:8px;
}

しかし問題は、IE 8.0 でテストされたこのコードは IE では機能しません。

そんなこと知ってる ：

filter:alpha(opacity=80);

IE で不透明度を設定するプロパティです。しかし、私が必要としているのは、「div全体ではなく、境界線のみに不透明度を設定するには」です。これを達成する方法を知っている人はいますか？JScriptの有無にかかわらず？

4

2 に答える 2

1

Border opacity は IE9 以降で機能します。IE 8 以下の唯一のオプションは、真の境界線ではなく、ある種の半透明の PNG を背景として使用することです。

于 2013-02-19T18:13:46.417 に答える
0

プロパティを追加しbackground-clipて、無地の背景でも境界線が透明のままであることを確認してください。

#mydiv {
    border: 1px solid rgba(160,160,160,0.8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

しかし問題は、このプロパティが IE <=8 ではサポートされていないことです。古い IE バージョンは美しいものをサポートしていないため、IE では div の境界線が透明にならないという事実を受け入れることをお勧めします。

ありがとう。

于 2013-02-19T18:15:03.347 に答える