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

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皆是)

此問題希望有經驗的板友,願意分享自己的經驗,及問題而在

謝謝各位耐心看文文章,希望各位朋友不吝指導,謝謝~




}




--

All Comments

Cara avatarCara2010-05-17
請先把你的網址貼出來