css背景圖無法整張呈現
您好：我用Dreamwaver 要作一個頁面，程式碼如下：
不過 卻出現 一個問題
我使用 "瀏覽於IE",
當我ie 沒有全開時,整個背景圖只出現 一部分（下方不見,沒已scroll bar)
若全開時,才可看到己花整個背景圖
比如說 我背景圖也分 上/中/下 3部份
我是希望不管連覽器凱起來是全螢幕 或是 1/3螢幕 ,
背景圖都能夠完整呈現
全螢幕 -->看得到上中下
1/3螢幕-->雖然只看得到 上,但他自動出現scoll來看到 中下圖片
但現在卻是 1/3螢幕時,只呈現 上面的圖片,中下不會出現,且沒有scoll 可以拉.
請該如何解決？
謝謝！
另外
<img src="image/a.gif" border="0" alt="" width="100%" height="100%" />
當我要用div的圖片呈現於背景之上時,除在此設定寬高,否則 div圖片無法符合於 框架之中.
這有於css辦法解決嗎？
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style type="text/css">
<!--
.gifx{
position: absolute;
width:200px;
height:300px;
top:80px;
left:450px;
}
.gifx img{ display: inline-block; vertical-align: top; }
.gifx p { float: left; padding: 4px; border: 2px solid #0CC; background: #fff; margin: 5px; }
body{
background:url(image/FG.jpg);
background-repeat:no-repeat;
background-attachment: scroll;
background-position: 0 0;
}
-->
</style></head>
<body >
<div class="gifx">
<p><img src="image/a.gif" border="0" alt="" width="100%" height="100%" /> </p>
</div>
</body>
</html>
[/code]
[[i] 本帖最后由 baseball 于 2011-8-18 14:45 编辑 [/i]]
页:
[1]