作者bcse (Lvx ex Caelis)
看板Web_Design
标题Re: [请益] CSS背景图,height无法自动伸长
时间Fri Dec 28 23:11:57 2007
※ 引述《sazkj (只是害怕被讨厌)》之铭言:
: 先给大家看一下背景图
: http://140.127.118.81/apoll/css/images/top3.jpg
: 是一个长条型的图 (宽3px 长536px)
: css中的语法是设repeat-x,所以只会向右填满是正常的
: 但是我想要问,可不可以让他跟中间的栏位一样长呢?
: (看是要将背景图拉长,或是超出536px的就用某种颜色代替这样)
: 这个是网页
: http://140.127.118.81/apoll/t_intro.html
: 在IE下(我用IE7)看,是正常的
: 但用fx2看就被裁一半
: 若是将height改以px的方式给值,是可以,但是因为每页的长度不一,想问其他方法
: 用firebug看也看不出所以然,所以上来请教大家
: ------------------------------------------------
: 先大致讲解排版
: 背景图放在top3这个div中
: 下面分作left、right两个div
: right下面放了好几个trans1
: 但是top3的背景不如预期的跟着right的长度拉长
: http://140.127.118.81/apoll/css/style.css
: 麻烦各位前辈了,如果有什麽必要资料没附上的话,请跟我说,感谢
不要给 #top3 设定 background,设到 body 去就能达到你想要的效果
或者是在 #right 後面加上一行 <br style="clear:left" />
然後把 #top3 的 height:100% 拿掉
或者是不要给 #right 设定 float:left,改用其他方式…
这个问题有满多种解决方法的 :p
另外,我不确定你是不是故意的…
你是故意让卷轴卷动时主选单跟背景出现断层吗?
如果不是的话,你可以拿掉 background-attachment:fixed;
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 134.208.33.185
※ 编辑: bcse 来自: 134.208.33.185 (12/28 23:13)
1F:推 sazkj:谢谢@@,那个不是故意的,只是在试背景固定语法 12/29 22:42
2F:→ sazkj:没注意到有断层,原来方法这麽多,我都没试出来,真的谢谢 12/29 22:43