[Blogger] 有關於banner處放置圖片的問題
各位朋友好
最近剛剛開始學習自己建構網誌
目前碰到幾個弔詭的問題想要請教各位
一. 我希望能夠把自己畫的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皆是)
此問題希望有經驗的板友,願意分享自己的經驗,及問題而在
謝謝各位耐心看文文章,希望各位朋友不吝指導,謝謝~
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.233.153.181
※ 編輯: AirGordano 來自: 118.233.153.181 (05/16 08:53)
→
05/16 09:35, , 1F
05/16 09:35, 1F
討論串 (同標題文章)