2013-02-21 34 views
1

我正在開發一個網站,並在IE8 讓黑色輪廓它在所有其它主要瀏覽器看起來棒極了,但不是在IE8 請幫助我,這是我活鏈接 http://www.cadellfoods.com.au/food-service-products.html (所有圖像在圓形的部分)IE8獲得的圖像上黑色輪廓

請幫我 代碼如下

#Section1 
{ 
    background:transparent url('Images/Chilled.png') no-repeat; 
    background-repeat:no-repeat; 
    border:none; outline:none; outline:0; 
    border-width: 0; 
} 
+0

這似乎對我很好在IE8模式。你可以請張貼圖像嗎? (在此標記圖片鏈接) – 2013-02-21 06:47:13

+0

從來沒有聽說過任何瀏覽器上的綱要默認。 – fredsbend 2013-02-21 07:05:55

+0

至少在IE9(在IE8模式下)我沒有看到任何輪廓。然而,頁面的背景是灰色的(而不是IE9模式下的白色),在頁面加載過程中,所有圖像都可以看到彼此重疊。 – RoToRa 2013-02-21 09:04:53

回答

0

似乎在IE 8太這裏確定。也許你在Windows XP上的IE 8中存在問題

作爲一個好習慣,你不應該用大寫字母開始你的ID或類。

+0

同意大寫字母。使用駱駝案件。像這個#section1一樣,像這樣#sectionHeader。 – fredsbend 2013-02-21 07:03:55

+0

其實我們遵循這個模式,當我們在c#中編寫方法的名字時,我們遵循駱駝案例 – 2013-02-21 07:10:22

0

可能不是這樣,但我注意到IE瀏覽器放在的鏈接圖像的邊界。您需要撤消這些默認設置。

#Section1 a:link img { 
    border:none; 
} 

不要忘了:hover和:參觀假點。

萬一嘗試這些也

#Section1 img { 
    border:none; 
} 
#Section1 a:link { 
    border:none; 
} 
+0

'#Section1 img a:link'沒有任何意義。那在圖像中​​選擇一個鏈接,這是不可能的。你的意思是'#Section1 a:link img' – RoToRa 2013-02-21 09:01:14

+0

@RoToRa你是對的。我改變了代碼。 – fredsbend 2013-02-21 09:02:40