CSS中img标记的background属性设置
CSS中img标记的background属性能够设置一个透明的gif图标中的透明部分显示的颜色吗.img{background:#002299url(xxx.gif)no...
CSS中img标记的background属性能够设置一个透明的gif图标中的透明部分显示的颜色吗
.img{background:#002299 url(xxx.gif) no-repeat};
这种方法试过了， 但是在浏览器里没反应 展开
.img{background:#002299 url(xxx.gif) no-repeat};
这种方法试过了， 但是在浏览器里没反应 展开
展开全部
纯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>
你可以分成两个图层，图层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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
HTML部分
<img src="xxx.gif" alt="" class="here" />
CSS部分
.here{background:#F00;}
另外用作背景图也同样是可行的
这个楼上同志们也提到了，重申的目的是应该避免与固定标签重名(img)
怎么讲呢，这2种方法都是可行的，应用了不止一次。建议提问者检查一下gif是否为透明，或者用FW再处理一次。个人认为是图片问题
<img src="xxx.gif" alt="" class="here" />
CSS部分
.here{background:#F00;}
另外用作背景图也同样是可行的
这个楼上同志们也提到了，重申的目的是应该避免与固定标签重名(img)
怎么讲呢，这2种方法都是可行的，应用了不止一次。建议提问者检查一下gif是否为透明，或者用FW再处理一次。个人认为是图片问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的img是图片还是class样式，如果是图片就不能直接设置，因为背景只能给盒模型设置，
代码：.img{background:url("xx.gif") no-repeat left top #c69;}
你这样写看看效果。。。。不明白Q我或Hi我都行。
代码：.img{background:url("xx.gif") no-repeat left top #c69;}
你这样写看看效果。。。。不明白Q我或Hi我都行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给它设置背景色如何？？
比如：.img{background:#002299 url(xxx.gif) no-repeat};
比如：.img{background:#002299 url(xxx.gif) no-repeat};
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
