0

IE で、表示されるはずの背景画像が表示されないという奇妙な現象が発生しています。

ここに私のCSSがあります:

#grey.internal #leader p{color: #525051;}
#grey h1 {color: #bc35b7;}
#grey.internal #for .forcont{ border:none;margin:0;}
#grey #leader p {font-size: 18px; line-height: 32px; width: 760px; margin: 0 auto; }
#grey #leader ul.section-links {padding: 32px 0 62px 0; width: 700px; margin: 155px auto 0 auto;height: 100%; border: 1px red solid; }
#grey #leader ul.section-links li {display: inline-block; margin: 0 6%;}
* html #grey #leader ul.section-links li { /* for IE6 */ display: inline;}
*+html #grey #leader ul.section-links li { /* for IE7 */ display: inline;}
#grey #leader ul.section-links li h2 a {color: #525051; text-decoration: none; height: 100%;  border: 1px blue solid;}
#grey #leader ul.section-links li h2 a:hover {text-decoration: underline;}
#grey #leader ul.section-links li h2 a.payments {background: url('/_/img/icon-payments.png') no-repeat 0 0; padding: 135px 30px 0 0; }
#grey #leader ul.section-links li h2 a.identity {background: url('/_/img/icon-identity.png') no-repeat 8px 0; padding: 135px 50px 0 60px; margin-right: 20px;}
#grey #leader ul.section-links li h2 a.analytics {background: url('/_/img/icon-analytics.png') no-repeat 10px 0; padding: 135px 0 0 0;}

そして、ここにhtmlブロックがあります:

<section id="leader">
    <p>Lorem</p>
    <ul class="section-links">
        <li class="p-item"><div class="icont"><h2><a href="/mobile-payments/" class="payments">Payments</a></h2></div></li>
        <li class="i-item"><div class="icont"><h2><a href="/identity/" class="identity">Identity</a></h2></div></li>
        <li class="a-item"><div class="icont"><h2><a href="/mobile-analytics/" class="analytics">Analytics</a></h2></div></li>
    </ul>
</section>

そして、これは私がIE(6-8)で見るものです: IE スクリーンショット

そして、これは私がChromeで見るものです:

Chrome のスクリーンショット

何が起こっているかについての手がかりを与えるために、境界線を追加しました!

4

1 に答える 1

2

問題は<section>タグに関係しています。IE <9 がサポートしていない HTML5 であるため、セクション タグには何も含まれません (自動的に閉じられるため、すべての CSS が役に立たなくなります)。別のものに変更するか、https://code.google.com/p/html5shiv/を含めます。

于 2013-10-23T14:40:39.307 に答える