神马品牌网全色资源影院影音先锋:Css高手进,关于<div>页面布局!~
来源：百度文库 编辑：神马品牌网 时间：2024/04/28 13:10:00
background-image: url(images/index_14.jpg);
padding: 0px;
float: right;
height: 5px;
width: 390px;
background-repeat: no-repeat;
background-color: #CCCCCC;
}
index_14.jpg是做为背景显示的,高度是5px,设置<div>的height高度也是5px,看这行:background-color: #CCCCCC; 如果div的hight是5,那么页面里的div不会显示背景颜色,因为颜色会被背景图像盖住.可问题就是,那个高度不是5!~ 至少也有12px,有什么解决办法吗??
不是不是!!!!~~~~~~
背景颜色不是我要问的!!~~ 而是....我定的行高是5px,可为什么最后不是5px呢????
问问你......DW做CSS难道就不生成代码吗?? 我就是在DW里直接设置的,这是设置后生成的代码!!~ 可没达到我的要求啊!!~~ 你要是会设就说得细一点~~ 把我的代码复制到页面里试一下,就知道我问的具体是什么了!~
各位看这里:http://fly.luckyvv.com/themoon/index.php
右边中间位置那条线....我只想做一条线在那里,为了证明那个<div>的height不是5px,所以我才加了背景色!~ 设置里明明就是5px,可为什么显示的确不是??
另外,解决办法在我问这个问题的时候就想到了,实验也证明我是对的!~ 嘻~~ 不过我只是想看看还有没有其它的解决办法,所以才问大家的~~!
我来改一下你的代码：
<div id="ringht2"></div>
改为
<TABLE id="ringht2"><TR><TD></TD></TR></TABLE>
DIV的最小高度跟文字的大小是有关系的
以下给你实验证明一下：
<DIV style="height: 5px;width:150px;background-color: #FF0000;font-size: 2%;"></DIV>
把font-size调整一下便可看到结果
照楼上专家的说法，那直接把css改一下就行了：
#ringht2 {
background-image: url(images/index_14.jpg);
padding: 0px;
float: right;
height: 5px;
width: 390px;
background-repeat: no-repeat;
background-color: #FF0000;
font-size:2px; /*加个字体大小就可以了*/
}
大哥，你怎么直接研究源码阿
你把这些放到dreamwaver里面，完全可以解决
背景使用如果不想显示背景色，就把background-color: #CCCCCC;background-repeat: no-repeat;去掉，如果想显示背景，而且只想显示一行，其他显示背景色，那么需要加上background-repeat: no-repeat;而背景图片设计的时候需要设计成div层width宽度相同或者更宽的宽度（这里为390px）这样即可
还是没懂你的意思？ 已经是5PX 有变成12PX？
你看看有没给其他层顶上去了，不然用Z-index吧
这个问题是由于IE对height的解释不同造成的，IE认为height至少要容得下一个文字的高度。如果你在其它浏览器中，则是正常的，比如FireFox、NetScape，里面显示的都是一条线，我帮你看了的。