css定义div背景不显示
我是这样定义的.pic-top{width:950px;height:244px;background-attachment:fixed;background-image...
我是这样定义的.pic-top {
width:950px;height:244px;
background-attachment: fixed;
background-image: url(images/banner_r4_c2.jpg);
background-repeat: no-repeat;
background-position: center; <div class="pic-top"></div> 请问有问题么，怎么背景看不到，请不吝赐教，谢谢~~ 展开
width:950px;height:244px;
background-attachment: fixed;
background-image: url(images/banner_r4_c2.jpg);
background-repeat: no-repeat;
background-position: center; <div class="pic-top"></div> 请问有问题么，怎么背景看不到，请不吝赐教，谢谢~~ 展开
6个回答
展开全部
因为你设置的background-position: center; ，另外根据W3C的说法
fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。
所以fixed这个属性会让背景图像时相当整个窗口定位的，同时设置完这两个属性背景图片就会到整个窗口的中央而不是div的中间。这样的话当你div不够大的时候是看不到背景图像的。你可以把你的div调大以后就可以看到背景图像在窗口中央位置啦
fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。
所以fixed这个属性会让背景图像时相当整个窗口定位的，同时设置完这两个属性背景图片就会到整个窗口的中央而不是div的中间。这样的话当你div不够大的时候是看不到背景图像的。你可以把你的div调大以后就可以看到背景图像在窗口中央位置啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你最好换一下图片的地址看看，图片的地址对不对，如果看不出来效果的话，你可以先设置一下网站的背景颜色，如果可以显示，你就得看看是不是图片地址不正确，或者还有一个可能就是你的图片格式不正确，要在ps里面打开看看，是不是正常的格式，如果这些都检查了。我想按应该就可以显示出来了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css定义div背景图片不显示，可能是图片地址不对，或者css属性设置不对。
如案例css样式：
.pic-top {
width:950px;height:244px;
background-attachment: fixed;
background-image: url(images/banner_r4_c2.jpg);
background-repeat: no-repeat;
background-position: center;
}
<div class="pic-top"></div>
一、请查看背景图片调用位置是否正确，该图片是否在网页文件夹根目录下images文件夹中；
二、background-position: center; 设置为背景图片在div中居中，background-attachment: fixed;设置为背景图像相当整个窗口定位，css设置冲突，只需删掉background-attachment即可。
如案例css样式：
.pic-top {
width:950px;height:244px;
background-attachment: fixed;
background-image: url(images/banner_r4_c2.jpg);
background-repeat: no-repeat;
background-position: center;
}
<div class="pic-top"></div>
一、请查看背景图片调用位置是否正确，该图片是否在网页文件夹根目录下images文件夹中；
二、background-position: center; 设置为背景图片在div中居中，background-attachment: fixed;设置为背景图像相当整个窗口定位，css设置冲突，只需删掉background-attachment即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
