2012-07-27 77 views
0

我希望我的徽標對齊到中心位置,並且可以在邊距之外點擊而不使用html img標籤 - 使用css background-image或刪除右鍵單擊>查看圖像。徽標邊距可點擊

http://jsfiddle.net/qhU5u/

謝謝。

解決

+0

看起來它已經這樣做對我 – Andy 2012-07-27 08:44:02

+0

檢查任何像樣的網站的標誌,看看它是如何做。嘗試使用stackoverflow本身。 – 2012-07-27 08:44:24

+0

爲什麼你要「刪除右鍵點擊>查看圖像」?這不會阻止人們能夠保存你的標誌(事實上,有*沒有*的方式來阻止) – Gareth 2012-07-27 08:46:30

回答

3

你真的應該使用img標籤。但是,如果你不想因爲某些原因:

http://jsfiddle.net/qhU5u/1/

我已經完全刪除div和只是用THA a標籤標識顯示。

+0

非常簡單,謝謝:) – vlady 2012-07-27 08:48:18

1

只需使用一個img元素。這對於可訪問性目的來說更好。

例如,如果有人在未啓用CSS的情況下查看您的頁面,他們將能夠看到您的徽標,如果它是img,但不是如果它是background-image


但是,如果你想使用一個background-image,我會建議使用div具有固定的高度和寬度圖像相匹配。

然後,在div內放置一個a元素,使其具有與div相同的尺寸。

您在a內嵌套的方式div無效的HTML。

見演示:http://jsfiddle.net/qhU5u/2/

+0

它對HTML5有效,雖然 – PeeHaa 2012-07-27 08:47:42

+0

@PeeHaa將一個塊元素放在一個內聯元素中是有效的HTML5?請提供參考 – Curt 2012-07-27 08:48:34

+0

我解決了這個問題,謝謝你的貢獻:) – vlady 2012-07-27 08:48:57

0

嘗試這個例子,看看它是否是你在找什麼:

http://jsfiddle.net/qhU5u/8/

+0

我們希望徽標邊距不可點擊。 現在問題已解決,謝謝。 – vlady 2012-07-27 08:54:53

+0

啊。從你最初的問題中,我讀到它是可點擊的。只是我誤解你的英語。很高興你有一個解決方案。 – 2012-07-27 09:11:30