2015-03-31 205 views
-1

額外的邊界我在HTML中添加的標誌爲我的網站之前是這樣的:添加圖像周圍添加圖像

而且看上去很不錯。但現在我想要不同的CSS文件加載不同的標誌。 enter image description here

.companylogo { 
background-image: url("/Images/Logo.png"); 
width: 166px; 
height: 14px; 
border: none; 
} 

但是當我這樣做時,我得到了一個圖像周圍的小邊框。 enter image description here 我如何讓那個小寄宿生消失?

這可能不是最好的jsfiddle https://jsfiddle.net/bewsbews/z9kf21fp/但你可以看到兩個第一張圖片有一個小小的邊框,它們都是用css製作的,大的burgerking標識是在html中製作的,沒有它周圍的邊框。

+0

你能給我發送鏈接嗎?所以它很容易找出問題 – Muthukumar 2015-03-31 11:58:51

+0

這似乎有一些空白在你的wiev ...你可以顯示你的html代碼或小提琴? – 2015-03-31 12:00:01

+0

問題可能出現在你的'.png'文件中,因爲你發佈的CSS不會生成邊框。您可能有其他一些CSS規則與'.companylogo'規則進行交互,尤其是在您使用基於模板的系統(CMS,Bootstrap,Wordpress等)時。 – 2015-03-31 12:07:39

回答

0

現場演示會更好,我認爲在你的CSS的某個地方是問題,上面的代碼似乎沒問題。

+0

添加了jsfiddle!檢查出來:) – 2015-03-31 12:18:13

0

把這個在CSS文件

img, a {border:0, outline: none;} 
+0

對不起,沒有幫助! :( – 2015-03-31 12:18:07

+0

@DanielGustafsson提供現場demo.it將很容易找出問題。 – 2015-04-01 07:56:40

-1

確定的頂部,這是非常必要的時候,不使用圖像標籤的src propertie使用img標籤。所以我把它改成了div,解決了這個問題。顯然,不需要有img-tag的背景圖像。