web-dev-qa-db-ja.com

「透明」の色が機能しない

IE（他に何か？）に問題があります：

背景画像もあるCSSでコンテンツを生成します。私はそのように見えます：

#nav ul li:after {
    content: "--";
    position: relative;
    z-index: 99;
    background: transparent url(image.png);
    color: transparent;
}

テキストの色はIEブラウザー以外では透明ですが、すべてのIEブラウザー（IE6-IE8）では黒で表示されます。テキストを透明/非表示にするにはどうすればよいですか？

私はすでに試しました：可視性-不透明度-フィルター-テキストインデント...しかし、彼の仕事は正しく行われませんでした。それが消える（必要な背景がある）か、属性が適用されません。

cssinternet-explorercss-content
18
Poru

わかりました：正しいパディングとゼロのフォントサイズで！ padding-leftの値を、画像の幅を1ピクセル超えて設定します。

5
Poru

行の高さの使用について

line-height:0;

私の場合はうまくいきました。

7
Arsenal Fanatic

これがInternet Explorer 8で機能しない場合

font-size: 0;

有効なdoctypeを使用していることを確認してください：

<!DOCTYPE html>
4
Sarah-Jane

これはうまくいくはずです。表示が追加されない場合：ブロックまたはインラインブロック

.transparent {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
2
tbela99

私はあなたがすでにこれを修正したと思いますが、最近、テキストインデントがレイアウトの問題を引き起こしているときに、非常に大きな行の高さを使用しています。

1
Mario Estrada

IE support color: transparentのバージョンはないと思います。おそらく、jQueryまたはそのようなものでそれを試すことができます。

1
Venemo

IEはli:afterを一貫してサポートしていません。 IE何の話ですか？IE6？IE7？両方？

0
Armstrongest

私にとって、color：transparentはIE8では機能せず、デフォルトの色でテキストを表示していました。私はvisibility：hiddenを使用しました。 IE8の場合のみ、テキストを表示する必要はありませんでした。

要素を表示する必要がない場合に備えて、このヘルプを期待しています。

0
pravin deshmukh