CSS下给DIV添加背景图片无效
css代码.divstyle{float:right;height:43px;width:43px;background-image:url(images/Common/...
css代码
.divstyle {
float: right;
height: 43px;width: 43px;
background-image: url(images/Common/SearchBtn1.jpg);
}
DIV代码
<div class="divstyle"></div>
把background-image: url(images/Common/SearchBtn1.jpg);
写成background-image: url(../images/Common/SearchBtn1.jpg);
也显示不出图片
但是我直接把样式加到DIV里就好使
<div style="background-image: url(images/Common/SearchBtn2.jpg);
height: 43px;width: 43px; float: right;"></div> 展开
.divstyle {
float: right;
height: 43px;width: 43px;
background-image: url(images/Common/SearchBtn1.jpg);
}
DIV代码
<div class="divstyle"></div>
把background-image: url(images/Common/SearchBtn1.jpg);
写成background-image: url(../images/Common/SearchBtn1.jpg);
也显示不出图片
但是我直接把样式加到DIV里就好使
<div style="background-image: url(images/Common/SearchBtn2.jpg);
height: 43px;width: 43px; float: right;"></div> 展开
4个回答
展开全部
是不是没写对路径啊？ 选对文件夹：比方说你在css文件夹里，和images是同一级别的，要退出css文件夹，再进入images文件夹，要写成：../images/1.jpg。 再者看你写的代码，如果设置背景颜色了，再设背景图片就不显示了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
应该是这种情况吧，你定义的div有给出固定的宽度和高度没，要这2者都给出来；这是div里面没东西的时候，这样才能显示背景图片；
如果div里面有东西，那请把代码粘贴出来。
如果div里面有东西，那请把代码粘贴出来。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<style type="text/css">
<!--
.divstyle {
float: right;
height: 43px;width: 43px;
background-image: url(images/Common/SearchBtn1.jpg);
}
-->
</style>
</head>
...........然后引用？？
<style type="text/css">
<!--
.divstyle {
float: right;
height: 43px;width: 43px;
background-image: url(images/Common/SearchBtn1.jpg);
}
-->
</style>
</head>
...........然后引用？？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
检查下在css中写的背景代码是不是被其他css样式层叠掉了，直接在谷歌浏览器的控制台看一下，背景样式是否有效。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
