作者 主題: css背景圖無法整張呈現  (閱讀 5790 次)

0 會員 與 1 訪客 正在閱讀本文。

baseball

  • 懷疑的國中生
  • **
  • 文章數: 54
    • 檢視個人資料
css背景圖無法整張呈現
« 於: 2011-08-17 17:57 »
您好:
我用Dreamwaver 要作一個頁面,程式碼如下:
不過 卻出現 一個問題
我使用 "瀏覽於IE",
當我ie 沒有全開時,整個背景圖只出現 一部分(下方不見,沒已scroll bar)
若全開時,才可看到己花整個背景圖

請該如何解決?
謝謝!

另外
<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>



kerash

  • 可愛的小學生
  • *
  • 文章數: 3
    • 檢視個人資料
Re: css背景圖無法整張呈現
« 回覆 #1 於: 2011-08-18 10:22 »
聽不太懂你的需求

第一個問題是想問瀏覽器在全螢幕時才能看到完整的背景圖嗎?

http://tw.knowledge.yahoo.com/question/question?qid=1608111800443

不知道這個問題符不符合你的需求,這是好幾年前的問題,現在沒測試過不知道。



第二個問題聽不是很懂,可以說明清楚一點嗎?
猜你是想問,gifx裡面的圖片不管多大,都要符合 gifx 的大小?

如果要等比例壓縮的話應該是得對圖片設定長寬
否則圖片本身就是會以自己的大小顯示

如果不想看到超出去的用 overflow: hidden 蓋掉就好
但是圖片不會等比率縮放


動態等比例的話就用 js 解決吧。


baseball

  • 懷疑的國中生
  • **
  • 文章數: 54
    • 檢視個人資料
Re: css背景圖無法整張呈現
« 回覆 #2 於: 2011-08-18 14:35 »
您好:謝謝您
不過
1. 我放到iis 7 server 上,卻沒有任何顯示.
比如說 我背景圖也分 上/中/下 3部份
我是希望不管連覽器凱起來是全螢幕 或是 1/3螢幕 ,
背景圖都能夠完整呈現
全螢幕 -->看得到上中下
1/3螢幕-->雖然只看得到 上,但他自動出現scoll來看到 中下圖片

但現在卻是 1/3螢幕時,只呈現 上面的圖片,中下不會出現,且沒有scoll 可以拉.



2.對,gifx裡面的圖片不管多大,都要符合 gifx 的大小?
但結果他並不會依據gifx大小,正常呈現.

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
Re: css背景圖無法整張呈現
« 回覆 #3 於: 2011-08-18 15:43 »
但現在卻是 1/3螢幕時,只呈現 上面的圖片,中下不會出現,且沒有scoll 可以拉.

元件本來就不會自動依據背景圖大小顯示拉桿
在顯示這個背景圖的元件指定最小高度試試吧