2014-04-28 102 views
0

我有一些文字,在點擊時變爲可編輯文本框。文本來自數據庫。溢出隱藏。懸停在Safari中的絕對位置

懸停時,我希望所有隱藏的文字都可見。我正在使用span:hover {position:absolute}。它在IE,Chrome,FF上完美運行 - 但在Safari中無法運行。我刪除了絕對定位,並添加了background-color以查看Safari是否反應懸停。它的工作,背景顏色改變。但是當我把絕對定位放回去時,Safari不會對懸停做出反應。

+0

可以讓你一個小提琴並顯示一些代碼? – aldanux

+0

因爲絕對定位,即使這個簡單的懸停在Safari中也不起作用。 http://fiddle.jshell.net/Fmzv6/3/ –

+0

你使用哪個版本的safari和操作系統?對於我在Safari 6.1.3和Mac上...工作得很好... – aldanux

回答

0

這樣的工作在Windows 7和Safari 5.1.x中,在大多數的瀏覽器:

HTML:

<span class="hover">Belekas</span> 

CSS:

.hover { 
    position: absolute; 
    z-index: 9999; 
} 

.hover:hover { 
    background-color:red; 
} 

LIVE DEMO