discuz的css文件中添加背景图片但显示不出来?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了discuz的css文件中添加背景图片但显示不出来?相关的知识,希望对你有一定的参考价值。
在common.css中有如下一段代码:
#uhd .mn float: right; margin-right: 15px; margin-bottom: -30px; line-height: 28px;
#uhd .mn a padding: 2px 0 2px 20px; background: no-repeat 0 50%; color: MIDTEXT;
#uhd .mn a:hover color: HIGHLIGHTLINK;
#uhd .mn .addflw a background-image: url(IMGDIR/flw_ico.png);
#uhd .mn .addf a background-image: url(STATICURLimage/feed/friend.gif);
#uhd .mn .pm2 a background-image: url(IMGDIR/pmto.gif);
为什么我添加一个变量如:
#uhd .mn .test a background-image: url(STATICURLimage/feed/friend.gif);
却无法显示图片?
DISCUZ论坛添加页头及页尾背景图片的几种方法
1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:
添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
1. <style>body
background-image:url(你的背景图片地址,如http://abc.com/imgs/bg.jpg);
background-repeat:no-repeat; background-position: top center;
padding-top:40px;</style>
这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。
2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:
添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:
1. <div id="hd"
style="background-image: url(static/image/xxx.jpg);
background-repeat:no-repeat; background-position:center;
background-position:top">
注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。
三、添加页尾即页面底部背景图片的方法
OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!--hook/global_footer-->”添加以下代码:
1. <div style="background-image:
url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center;
background-position:top>
CSS里面背景图片不显示
样式里面设置的背景图片在页面中突然不能显示了。
.logobackground:url(../image/logo.png) 0px 0px no-repeat; height:90px; width:900px; float:left; text-align:right;Logo这个的图,又可以显示。
.banquanbackground:url(../image/down.png) repeat-x; height:89px;这个显示不了(开始还是可以显示的,今天打开网页的时候不知道怎么回事,突然就显示不出来啦)。貌似经常出现类似这种情况,第一天样式还是好好的,到第二天就有的失效了 。郁闷
再看一下路径是不是正确的。 参考技术B 最好能给看看调用代码。
以上是关于discuz的css文件中添加背景图片但显示不出来?的主要内容,如果未能解决你的问题,请参考以下文章
div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图片所覆盖
css的background-image图像显示不出来的原因