0

IE 7および8で空のスパンのcss画像置換技術を使用する際に問題が発生しました。ロゴ（透明なpng）がありません。負のテキストインデントと関係があると思いますか？他のすべてのブラウザで問題なく動作します。どんな助けでも大歓迎です！

<h1 class="logo grid_8"><a href="index.html">The Bandwagon<span></span></a></h1>

.grid_8 {text-indent:-1000em; margin:-30px 10px 0 0;}

.logo .grid_8 a{
position:relative;
display:block;
width: 470px;
height: 150px;
overflow:hidden;}

.grid_8 span {
display:block;
position:relative;
width:470px; 
height:150px;
background:url("../img/TBWlogo.png")no-repeat left top;
z-index:1000;}
4

1 に答える 1

1

no-repeatIEを壊す前にスペースが不足しているようです。これを試して：

background:url("../img/TBWlogo.png") no-repeat left top;

セレクターは、クラスの下のクラスを持つ要素の下の要素を.logo .grid_8 a選択します。あなたのマークアップによると、両方のクラス（と）を持つ要素の下にある要素を選択したいと思います。agrid_8logoalogogrid_8

複数のクラスを持つ要素を選択するには、ここでスペースを削除する必要があります。

.logo.grid_8 a {}
于 2011-12-09T19:49:33.583 に答える