2014-01-22 24 views
-1

我有一個奇怪的問題(從來沒有發生過我之前)與一個簡單的網站,我正在爲客戶開發。divs的問題和<a>

我有3個DIVs在固定位置,第一個設置爲背景,第二個在這個頂部,最後一個隱藏(我將把樣本放在底部)。

<body> 
    <div class="bg"></div> 
    <div class="content"> 
    <h1>Some Text</h1> 
    <p>Another text...</p> 
    <div class="cf"> 
     <a href="#popup">A button</a> 
     <a href="tel:000">A call</a> 
    </div> 
    </div> 
    <div id="popup"><p>Here some content</p></div> 
</body> 

的問題是,出現幾個錯誤,或者可能都一樣,但P和A是不可選的,當我嘗試點擊一個#popup應該出現,但我不能按下。當我嘗試選擇文字時,一切都消失了。

問題就像當你嘗試在你的Windows電腦上做某些事情一樣,但是這很慢,當你移動它時會留下一個「影子」,並抹去那個「影子」你必須再次移動窗口。你有這個想法?!

奇怪的是,這個問題只出現在chrome上。

不知道發生了什麼?

+1

您提供的不應該產生的結果的代碼。你有沒有可以與我們分享的任何javascript,和/或在jsfiddle中複製問題? – yochannah

+0

看看這裏http://jsfiddle.net/73AtM/ – shiasapir

+0

這可能只是一個錯誤,但彈出並沒有出現在該代碼中,據我所知,因爲沒有任何與id 'popup?'我喜歡 – yochannah

回答

1

添加position:relative.izq, .derp

jsFiddle example

.izq, .der { 
    float: left; 
    display: inline-block; 
    position:relative; 
} 
+0

好的。我正式感到無聊。 – shiasapir

+0

太棒了!感謝那個j08691。 – shiasapir

+0

沒問題,很樂意幫忙。 – j08691