css - 色「透明」が機能しない

Question

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

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

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

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

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

score 42 · Accepted Answer

あなたがしようとしているのが背景として画像を表示し、テキストの使用を表示しないことである場合

font-size:0px

できます！

score 7 · Accepted Answer

行の高さを使用するのはどうですか

line-height:0;

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

score 5 · Accepted Answer

私はそれを理解します：正しいパディングとゼロのフォントサイズで！padding-leftの値を、画像の幅を1ピクセル超えるように設定します。

score 4 · Accepted Answer

これがInternetExplorer8で機能しない場合

font-size: 0;

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

<!DOCTYPE html>

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

IEのバージョンはサポートされていないと思います。color: transparent おそらく、jQueryなどで試してみることができます。

score 1 · Accepted Answer

すでにこれを修正したと思いますが、最近、テキストのインデントによってレイアウトの問題が発生し、オーバーフローが発生したときに、非常に大きな行の高さを使用しました。テキストを非表示にするには非表示にします。

score 0 · Accepted Answer

li:afterIEは一貫してサポートしていません。どのIEについて話しているのですか？IE6？IE7？両方？

score 0 · Accepted Answer

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

要素を表示する必要がない場合に備えて、この助けを期待してください。

score -1 · Accepted Answer

背景画像としてPNGを使用しているようです。通常、IE 6を使用している場合は、PNGの透過性が修正されています（http://www.twinhelix.com/css/iepngfix/）。それでも、これは背景画像では機能しません。したがって、IE 6を使用している場合、実際には修正はありません。

css - 色「透明」が機能しない

10 に答える 10

Related

Reference