IMG 元素中的 CSS 背景图像未在 IE 中显示

发布于 2024-11-14 01:38:24 字数 659 浏览 1 评论 0原文

我有一个带有背景图像属性的 IMG 标签。虽然两个图像都在 FF 中显示，但只有 IMG src 图像在 IE 中显示。在这个阶段，我不关心定位或其他任何事情，我只想在页面上显示 IMG src 和背景图像。

这是我的基本测试 HTML：

<html>
<head>
    <title>carmen's test page </title>
    <style>
        .icon {
            display: block;
            background-image: url('drop-yes.gif');
            background-repeat: no-repeat;
            padding: 200px 200px 200px 200px;
            margin: 20px 20px 20px 20px;
        } 
    </style>
</head>
<body>    

<div> <img class="icon" src="drop-no.gif"/> </div>

</body>
</html>

非常感谢任何帮助。谢谢

原文

I have an IMG tag with an background-image property. Whilst both images display in FF, only the IMG src image displays in IE. At this stage I am not concerned with positioning or anything, I just want both IMG src and background-image displayed on the page.

Here is my basic test HTML:

<html>
<head>
    <title>carmen's test page </title>
    <style>
        .icon {
            display: block;
            background-image: url('drop-yes.gif');
            background-repeat: no-repeat;
            padding: 200px 200px 200px 200px;
            margin: 20px 20px 20px 20px;
        } 
    </style>
</head>
<body>    

<div> <img class="icon" src="drop-no.gif"/> </div>

</body>
</html>

Any help greatly appreciated. Thank you

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

风柔一江水 2024-11-21 01:38:24

我不建议为 css 类背景和提供 src；而是将其放在

中并根据需要对其进行操作。您应该得到如下结果： jsFiddle

回复收藏 0 原文

离旧人 2024-11-21 01:38:24

我认为您的 Doctype 可能是一个问题

工作示例

在此测试中，它在 IE 中工作正常：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Page Title </title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css" media="screen">
.icon {
   display: block;
   background: url(http://dummyimage.com/450x450/dad/fff&text=yes) no-repeat;
   padding: 200px 200px 200px 200px;
   margin: 20px 20px 20px 20px;
} 
</style>
</head>
<body>
<div> <img class="icon" src="http://dummyimage.com/50x50/444/fff&text=no"/> </div>
</body>
</html>

I think maybe your Doctype is a problem

Working Example

in this test it works fine in IE with:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Page Title </title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css" media="screen">
.icon {
   display: block;
   background: url(http://dummyimage.com/450x450/dad/fff&text=yes) no-repeat;
   padding: 200px 200px 200px 200px;
   margin: 20px 20px 20px 20px;
} 
</style>
</head>
<body>
<div> <img class="icon" src="http://dummyimage.com/50x50/444/fff&text=no"/> </div>
</body>
</html>

回复收藏 0 原文

~没有更多了~