作者AirGordano (林老師......)
看板Blog
標題Re: [Blogger] 有關於banner處放置圖片的問題
時間Mon May 17 06:18:40 2010
※ 引述《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;}
皆無法有效解決遭遇的問題
所以在此向諸位朋友請教，希望能願意提供解決的建議或可能問題所在，謝謝～
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.233.153.181