CSS中img标记的background属性设置
发布网友
发布时间:2022-04-06 13:14
我来回答
共5个回答
热心网友
时间:2022-04-06 14:43
纯CSS无法实现,透明的地方也属于图片
你可以分成两个图层,图层1设置背景色或图片,图层2为gif透明,这样可以实现
<html>
<head>
<style>
span{background:#002299;}
.img{background:url(xxx.gif) no-repeat};
</style>
</head>
<body>
<span><img src="图片路径" title="" alt=""/></span>
</body>
热心网友
时间:2022-04-06 16:01
HTML部分
<img src="xxx.gif" alt="" class="here" />
CSS部分
.here{background:#F00;}
另外用作背景图也同样是可行的
这个楼上同志们也提到了,重申的目的是应该避免与固定标签重名(img)
怎么讲呢,这2种方法都是可行的,应用了不止一次。建议提问者检查一下gif是否为透明,或者用FW再处理一次。个人认为是图片问题
热心网友
时间:2022-04-06 17:36
你的img是图片还是class样式,如果是图片就不能直接设置,因为背景只能给盒模型设置,
代码:.img{background:url("xx.gif") no-repeat left top #c69;}
你这样写看看效果。。。。不明白Q我或Hi我都行。
热心网友
时间:2022-04-06 19:27
给它设置背景色如何??
比如:.img{background:#002299 url(xxx.gif) no-repeat};
热心网友
时间:2022-04-06 21:35
应该是不行的。