有關於banner處放置圖片的問題 - 部落格
![William avatar](/img/cat3.jpg)
By William
at 2010-05-16T08:51
at 2010-05-16T08:51
Table of Contents
各位朋友好
最近剛剛開始學習自己建構網誌
目前碰到幾個弔詭的問題想要請教各位
一. 我希望能夠把自己畫的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皆是)
此問題希望有經驗的板友,願意分享自己的經驗,及問題而在
謝謝各位耐心看文文章,希望各位朋友不吝指導,謝謝~
}
--
Tags:
部落格
All Comments
![Cara avatar](/img/cat4.jpg)
By Cara
at 2010-05-17T18:22
at 2010-05-17T18:22
Related Posts
分享至微網誌
![Puput avatar](/img/bee.jpg)
By Puput
at 2010-05-16T07:51
at 2010-05-16T07:51
請問噗浪怎麼改成英文介面
![Oliver avatar](/img/boy1.jpg)
By Oliver
at 2010-05-16T03:21
at 2010-05-16T03:21
header框線問題
![Skylar Davis avatar](/img/boy2.jpg)
By Skylar Davis
at 2010-05-16T00:52
at 2010-05-16T00:52
該如何使用一張圖片延展整個背景?
![Isla avatar](/img/girl5.jpg)
By Isla
at 2010-05-15T22:46
at 2010-05-15T22:46
該如何使用一張圖片延展整個背景?
![William avatar](/img/dog2.jpg)
By William
at 2010-05-15T20:09
at 2010-05-15T20:09