2011-03-04 13 views
0

我已經看到這種行爲多年了。複選框和無線電按鈕不能被DIV元素覆蓋。不管用什麼z-index。有沒有解決方法?z-index某些HTML元素的不良行爲

此外,我使用simpletip(不能使用qtip)。如果你知道另一個jQuery的工具提示準備好使用這項工作...我打開了我的錢包。 THX

enter image description here

+0

我從來沒有見過與複選框和單選按鈕的問題。 IE6在選擇元素時確實存在這個問題,但沒有當前的瀏覽器。你能舉一個具體的例子嗎? – RoToRa 2011-03-04 14:29:56

+0

代碼會很有幫助。 – Seth 2011-03-04 14:34:53

+0

真的沒見過? :o在FF3.6/linux中開發。用戶列表是使用js創建的。我想把一些代碼,但我怎麼在這個小盒子?我可以把答案? – 2011-03-04 14:46:41

回答

2

好了,現在我們就可以正常工作。

第一關:這可能無關,與你的問題,但它可能會導致其他的問題:你的HTML有很多語法錯誤:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fnomikos.info%2Fprivate%2Fwp%2Foptions-general.php.html

最重要的是span可能不包含塊元素,如div。大多數錯誤是因爲您使用的是HTML語法而不是XHTML語法。僅僅使用HTML DOCTYPE可能比修正所有XHTML錯誤更簡單。


您的實際問題是:z-index僅適用於被定位的元素(絕對值,相對固定的),並且由於你的「工具提示」是不是z-index沒有效果。

你需要解釋你想要它做什麼。在此之前我可以給出一般建議:

您可以確保「工具提示」不會比周圍的span更寬。目前它的寬度爲300px,並且由於spans很靈活,所以當span變得太小時就會出現漏油。

或者你帶來的「提示」 position: absolutetopleft值(BTW當前topleft值目前也沒用,因爲他們也只適用於定位的元素)和它的父spanposition: relative

+0

我想在幾天前回答。事實上,CSS對於非設計師來說足夠困難。最後我使用了jquery:dialog。非常感謝你的啓發迴應。 – 2011-03-21 12:32:16