css - img：IEのコンテンツCSSの問題

Question

私はこのようなcssクラスを作成しました：

.nav-right-EmployeeEmail {
content: url('../app_resources/nav-blue-email60.png');
padding-top:5px;
width:60px;
}

次のようにaspxファイルで使用します。

<img class="nav-right-EmployeeEmail" alt="FT Logo" /></a> <a target="_self" href="index.aspx" title="Help Desk">

画像/ロゴが将来変更されるかどうかを確認するためにこれを行いました。その後、cssファイルで変更するだけで、すべてのページに反映されます。

問題は、画像がIE9に表示されていないことです。画像のプレースホルダーのみが表示され、実際の画像は表示されません。はタグの<img>中にあることに注意してください。<a>どんな助けでも大歓迎です!!

ここに画像の説明を入力してください

score 1 · Accepted Answer

はい、画像が変更された場合にのみ CSS を変更する必要があることを確認します。

score 0 · Accepted Answer

あなたがやろうとしていることがあなたのロゴをある要素に残して定義することであるなら、それをこのようにしてください：

.nav-right-EmployeeEmail:before {
    content: url(../app_resources/nav-blue-email60.png);
    padding-top:5px;
    width:60px;
}

そして、例としてこのような要素を作成します。

<a class=nav-right-EmployeeEmail target="_self" href="index.aspx" title="Help Desk">some link</a>

2 に答える 2