0

ここでフィドル

私の質問は、IE (8 以前) のサムネイルの下に見出しテキストが表示されないのはなぜですか。他のすべてのブラウザでは問題なく動作します。

HTML:

<div id="thumbsGrid">
    <div class= "thumbs">
        <a href="http://youtu.be/A30XhK8Vtmg">
            <img src="http://www.jillmedinger.com/NCPIE/images/thumbs/shadowed/recoverythumb.png"id="1.thumb"/>
        </a> 
        <h4><a href="http://youtu.be/A30XhK8Vtmg">Ben</a></h4>
    </div>
    <div class= "thumbs">
        <img src="http://www.jillmedinger.com/NCPIE/images/thumbs/shadowed/recoverythumb.png" id="2.thumb"/> 
        <h4><a href="/NCPIE/resonator.html"> The Resonator</a></h4>
    </div>
    <div class= "thumbs">
        <a href="/NCPIE/re.html">
            <img src="images/thumbs/door2/friendsThumbs.png"id="3.thumb"/>
        </a> 
        <h4><a href="/NCPIE/re.html">RE-Covery</a></h4>
    </div>
    <div class= "thumbs">
        <a href="/NCPIE/divedeeper2.html">
            <img src="images/thumbs/door2/divedeeper2Thumb.png"id="5.thumb"/>
        </a>  
        <h4><a href="/NCPIE/divedeeper2.html"> Dive Deeper </a></h4>
    </div>
    <!--thumbsGrid close-->     
</div>

CSS:

.thumbs {
    float:left;
    width:100px; 
    height:100px;
    margin-right:12px;
    margin-bottom:0;
    border:0;
    padding:0;
}
#thumbsGrid {
    float:left;
    width:500px;
    min-height:216px;
    margin-left:110px;
    border:0;
    padding-right:40px;
    background: black;
}
.thumbs h4 a {
    color: #FFF;
}

そしてここにライブがあります：www.jillmedinger.com/NCPIE/door2.html

4

1 に答える 1

0

filter上のと関係があり.thumbsます。最も簡単な解決策は、このフィドルが示すように に設定position: relativeすることです。h4

于 2012-08-02T17:49:03.403 に答える