发新话题
打印

css背景圖無法整張呈現

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辦法解決嗎?
复制内容到剪贴板
代码:
<!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>
[ 本帖最后由 baseball 于 2011-8-18 14:45 编辑 ]
发新话题