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 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 回答