2009-05-19 59 views
0

我很難弄清楚爲什麼IE和Firefox中的東西看起來如此不同。 這裏是一個CSS類CSS顯示:阻止問題,誰是罪魁禍首IE或Firefox?

.logo { width: 224px; height: 120px; position: relative; 
    display:block; left: -1px; background-image: url(logo.png);} 

在IE瀏覽器可正常工作,但在Firefox它就像一個喝醉了!我在頁面上的不同位置看到3個logo.png。如果我刪除display:block,則無法在任一瀏覽器中看到圖像。

任何意見讚賞。

+2

你可能需要發佈一些HTML。 – RichieHindle 2009-05-19 12:01:10

+0

非常感謝所有回覆。這是一個示例頁面的鏈接,這使我瘋狂 http://india3.fasttrackteam.com:8080/sample/sample.htm。 有趣的是標記沒有多個圖像,但Firebug將它們視爲多個圖像! – theraneman 2009-05-19 12:27:53

回答

6

您可能需要

background-repeat: none; 

添加到您的CSS類。而對於未來的參考,它總是IE是搞砸了;)

編輯:如果不解決您的問題,請把一個樣品點住的地方,我們可以看看它和實驗一點點。另外,Firebug可能會有所幫助。

EDIT2:刪除這一點,因爲我注意到螢火蟲,我從右擊得到了src和選擇之間的區別「查看源文件......」

EDIT3:史蒂夫找到了你的問題:不能自我關閉錨。更改

<a href="/" id="logo" /> 

<a href="/" id="logo"></a> 
1

正確的,問題始終IE。如果Firefox有問題,通常是w3c規範的問題。不是一個變形金剛迷,事情就是這樣。

我猜你的問題是背景重複的默認值是不同的瀏覽器之間。你應該嘗試設置背景重複:不重複編輯:也許不是,所有瀏覽器默認重複。

知道您要將徽標應用到什麼元素是有用的。不管它是什麼,當不是塊時,可能會崩潰到0px的高度。在上面放一個邊框來看看那裏發生了什麼。

2

你的問題是在HTML中。你不能不能自己關閉標籤

相關問題