0

W3C および他のすべての情報源は、IE が制限なしで「固定」値をサポートしていると言っているにもかかわらず、background-attachment:fixed CSS プロパティ値がInternet Explorer 8 のSPAN要素に対して機能しないようです。私のシンプルなhtmlは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <title></title> 
         <STYLE type="text/css">
            span {
                background-image:url(empty-bg.png);
                background-repeat:repeat;   
                background-position:0 0;
                background-attachment:fixed;
            }
         </STYLE>
    </head>
    <body>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        <span>HOLE</span><br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
    </body>
</html>

このページをスクロールすると、背景画像が固定されたままになるので、ページに穴のような錯覚が生じ、Firefox では完全に機能しますが、IE ではscrollに設定されているように動作します。IE の回避策はありますか?

4

1 に答える 1

1

display: inline-block;span 要素を試してみましたか?

とにかく、background-attachement:fixed の実際の IE サポートにはかなりバグがあることに注意してください。http ://www.standardista.com/css3/css3-background-properties/#bg1 を確認してください。ご覧のとおり、IE7 までは「固定」値を「スクロール」として扱いますが、IE8 では画像を誤って配置する可能性があります。

于 2013-02-14T21:01:33.957 に答える