0

次のスクリプトは、テキストの横に画像を表示します。IE7では動きません。どのように変更する必要がありますか？ありがとう

<style type="text/css">

    div {width:200px}
    div span {
        padding: 0 5px 0 30px;
        background-image: url("bg.gif");
        background-position:center; 
        background-repeat: no-repeat;   
    }

</style> 


<body>
    <div>Text 1<span></span></div>
    <div>Text 2<span></span></div>
    <div>Text 3<span></span></div>
</body>
4

3 に答える 3

2

HTML ページで Doctype を指定しましたか? 例えば：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
于 2012-11-24T13:35:44.213 に答える
0 
div, div > span{
    display:inline;
    float:left;
}

あなたの問題、ブラウザの問題、およびhtmlに基づいて、小さなスクリプトを提供しました。このコードを HTML IE7 条件内に配置することをお勧めします。

<!--[if IE7]-->
    <!-- your CSS here -->
<!--[endif]-->

これにより、ブラウザ全体の CSS が削除されます。

于 2012-11-24T13:20:58.420 に答える
0

背景画像を使うべきではないようです。

<style type="text/css">
    div img.image {
        padding-left: 15px;
    }

</style> 


<body>
    <div><span>Text 1</span><img class="image" src="bg.gif" /></div>
    <div><span>Text 2</span><img class="image" src="bg.gif" /></div>
    <div><span>Text 3</span><img class="image" src="bg.gif" /></div>
</body>
于 2012-11-24T13:35:08.793 に答える