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

baseball · « 於: 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 · « **回覆 #1 於:** 2011-08-18 10:22 »

聽不太懂你的需求

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

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

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

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

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

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

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

baseball · « **回覆 #2 於:** 2011-08-18 14:35 »

您好：謝謝您
不過
1. 我放到iis 7 server 上,卻沒有任何顯示.
比如說我背景圖也分上/中/下 3部份
我是希望不管連覽器凱起來是全螢幕或是 1/3螢幕 ,
背景圖都能夠完整呈現
全螢幕 -->看得到上中下
1/3螢幕-->雖然只看得到上,但他自動出現scoll來看到中下圖片

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

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

Yamaka · « **回覆 #3 於:** 2011-08-18 15:43 »

引述: baseball 於 2011-08-18 14:35

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

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

酷!學園

最新消息: