在IE7文本旁边显示图像

以下脚本显示某些文本旁边的图像。它不适用于IE7。它应该如何修改？由于在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>

来源

2012-11-24 user1032531

您是否在html页面中指定了doctype？例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

来源

2012-11-24 13:35:44 user1849494

是的，尝试过，但仍然是一样的。 – user1032531

也许IE不喜欢空的跨度，试试这个：' ' – user1849494

不，IE不喜欢空的跨度！你想为未来的观众更新你的答案吗？无论如何，你是对的。谢谢 – user1032531

div, div > span{ 
    display:inline; 
    float:left; 
}

我提供了根据您的问题，浏览器的问题和HTML脚本的小一点。我建议将此代码放在HTML IE7条件中：

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

这将删除所有浏览器的CSS。

来源

2012-11-24 13:20:58 sourRaspberri

谢谢Beneto。 IE7显示文字下的图像，所有其他浏览器甚至不显示图像。 – user1032531

哦，好的，上面的代码会显示ie7文本旁边的图片。你上面说过使用查询插入元素？你怎么这样做，因为这可能是问题所在？ – sourRaspberri

看起来我不应该使用背景图像。

<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-24 13:35:08 user1032531

其实这并不符合我的需求。 span是由jQuery插件插入的，我不能（不想）只是将它们更改为图像。 – user1032531

在IE7文本旁边显示图像

回答

相关问题