填充製作鏈接不起作用？

只有當我點擊實際的文字，而不是周圍的區域時，鏈接才起作用，即使懸停效果正在工作，所以我知道該按鈕是有針對性的？填充製作鏈接不起作用？

這也發生在我正在使用左填充和放置圖像的網站內的列表中，如果我點擊填充的位置不起作用？

可以.js文件的腳本實現這一點，所有的燈箱我使用

任何想法？

ul#navigation { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    padding: 0; 
    } 

ul#navigation li a { 
    position: absolute; 
    bottom: 10px; 
    display: block; 
    width: 5em; 
    padding: .5em 0; 
    color: #FFF; 
    background: #92da3a; 
    text-align: center; 
    text-decoration: none; 
    font-size: 11px; 
    } 

ul#navigation li a:hover { 
    color: #05554f; 
    } 

ul#navigation .back { 
    float: left; 
    width: 4em; 
    padding: 10px; 
    } 

ul#navigation .close { 
    float: right; 
    width: 4em; 
    padding: 10px; 
    } 

ul#navigation li.mt { 
    border-bottom: 2px solid #92da3a; 
    width: 480px; 
    position: absolute; bottom: 30px; left: 20px; 
    }

非常感謝:)

來源

2009-02-11 John McFarlane

如果我點擊元素應該在哪裏（沒有填充），然後點擊工作，但如果我點擊元素，`click`事件不會觸發，幸運的是我可以擺脫`padding` ，並使用`margin'代替。 – 2014-05-12 23:06:37

-1

關閉我的頭頂，我想呈現每個作爲一個元素，而不是，然後設置跨度的onclick事件跟隨鏈接，並把無論您想要的範圍內的空間和文字（）。

window.location = "URL!"

來源

2009-02-11 17:58:53 notnot

對於ul#navigation li a，CSS沒有任何問題。我已將您的CSS複製到working example，這似乎在FF3，IE7和Chrome中正常運行。

我不希望一段JavaScript寫得很好，以任何方式干擾你的鏈接。雖然，一般來說，一段未知的JavaScript可能會做什麼。

您有太多影響最終渲染和行爲的因素來確定可能的原因。您需要從最低限度開始，重新添加所有相關因素，直至其中斷，或者直到所有內容重新添加並正常工作。

開始用（驗證）平原（X）HTML文檔
添加相關的CSS來得到你想要
逐件件，如果加回休息的CSS，可能是鏈路造型一些其他的CSS規則的干擾
加回你的JavaScript，再次計件逐件，其中有關

經過這個過程，你應該有什麼樣的因素導致了意外的行爲，更清晰的概念。

我建議使用FireFox Web開發人員工具欄來檢查將什麼CSS規則應用於您的導航鏈接。您可能會發現其他一些鬆散指定的規則會干擾其他意想不到的方式。

您還應該確認您的標記和CSS有效 - 在處理無效輸入時，無法準確確定正確的輸出。

來源

2009-02-12 14:37:00

謝謝，非常詳細的答案，非常感謝，我會研究併發布更新。 – 2009-02-12 14:59:01

讓我猜，IE6？

您確實需要在此處指定瀏覽器，因爲不同渲染引擎之間可能會有很大差異。通常IE6與所有其他人一起，Safari和Opera將加入他們的鹽。

要回答你的問題，在IE6中有時光標不顯示「手形」圖標，但點擊區域將觸發鏈接。在這種情況下，添加一個「光標：手」（或任何它，看看pss屬性），將修復IE6。

來源

2009-02-12 23:15:18

我想嘗試設置UL或LI來定位相對位置，考慮到您將A設置爲position：absolute;

有這個集合可能會造成一些奇怪。

如果您還可以提供您正在使用的HTML，這將有助於確定問題。

來源

2009-02-13 08:15:01 garrow

填充製作鏈接不起作用？

回答

相關問題