有關於banner處放置圖片的問題 - 部落格

※ 引述《AirGordano (林老師......)》之銘言：
: 各位朋友好
: 最近剛剛開始學習自己建構網誌
: 目前碰到幾個弔詭的問題想要請教各位
: 一. 我希望能夠把自己畫的gif圖檔放置在header-wrapper當作背景圖
: 使用語法：
: #header-wrapper{
: .............
: background:url(圖片所在網址)no-repeat;
: }
: 在firefox上，或是google瀏覽器上顯示一切安好
: 唯獨在IE上顯示呈現空白狀態
: 本以為是是我在css語法上有問題
: 但若將置入圖片處改為使用背景色：background:#cc6600
: 無論firfox、chrome、pcman、IE上顯示就無大問題
: 網路上找到相關解決問題，
: 有一種作法，是hack IE給CSS的定義
: 語法：
: #banner{height:1px;}/*ie*/
: html>body #banner{height:auto;}
: 但加入此語法，卻仍無從解決之
: 所以希望有經驗的朋友願意指點問題所在
: 二. 第二個問題：我希望在網頁header-wrapper的地方加入圖片超連結
: 作為回到首頁超連結用
: 因此使用步驟：
: 1. 資訊主題 => 版面配置 => 網頁元素 => 新增小工具 => HTML/JavaScript =>內容
: 加入以下語法：
: <div id="home">
: <a href="部落格首頁"></a>
: </div>
: 2. 修改html中的css語法：
: #home a{
: float:$startSide;
: width:32px;
: height:20px;
: margin:-2px 0 0 500px;
: background:url(回到首頁圖片網址)no-repeat;
: 不過試了好幾回，卻無法正常顯示（firefox、IE皆是）
: 此問題希望有經驗的板友，願意分享自己的經驗，及問題而在
: 謝謝各位耐心看文文章，希望各位朋友不吝指導，謝謝～
: }

------------------------------------------------------------------------------

抱歉，可能表達的不夠清楚，下面以實際作法及程式碼來說明

這邊以在header-wrapper加入標頭圖片為例

首先，我以Bloggr內建範本來修改

使用挑選新範本 => 第2欄 => 左邊第1列 => 第3個 => Minima Lefty Stretch的範本

希望輸入css語法在header-wrapper中加入圖案標頭

所以加入以下語法：

#header-wrapper {
.................

.................

background:url(圖片所在網址)no-repeat;

}

在操作的firefox瀏覽器上顯示無誤

但換到IE及PCMAN上瀏覽

就會發現原本應該置入標頭圖片處顯示空白

我想問題所在，可能在於html語法問題及 IE顯示上出現的bug

不過因為才疏學淺，

上網找尋解決之道，如：

1. 調整網際網路選項隱私權

2. hack IE給CSS的定義

語法：
#banner{height:1px;}/*ie*/
html>body #banner{height:auto;}

皆無法有效解決遭遇的問題

所以在此向諸位朋友請教，希望能願意提供解決的建議或可能問題所在，謝謝～







--