首頁(yè) 猿問(wèn) 漂浮的div...

漂浮的div 讓鼠標(biāo)觸動(dòng)的:hover 失效了

Html/CSS Html5 JavaScript

DUO4343393 2017-03-13 13:26:38

漂浮的div 讓鼠標(biāo)觸動(dòng)的:hover 失效了? 漂浮過(guò)去又能觸動(dòng)：hover? 問(wèn)一下保持漂浮的div在最上層，如何解決這個(gè)問(wèn)題

查看完整描述

3 回答

已采納

墨以丶不思量

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超1個(gè)贊

給這個(gè)div一個(gè)id，然后 css指定id :hover .ss {~~~~~}
可以在css定制，使得只有在經(jīng)過(guò)haha的時(shí)候?qū)崿F(xiàn)某些style.
#haha:hover{

}

1 反對(duì) 回復(fù) 2017-03-14

天緣星

TA貢獻(xiàn)7條經(jīng)驗(yàn) 獲得超3個(gè)贊

好像并不能這樣吧~:hover是針對(duì)某元素的，而漂浮的div已經(jīng)擋住了該層，所以只有失效了。要想解決，只能判斷鼠標(biāo)位置是否離開(kāi)了某元素的區(qū)域范圍內(nèi)，其他方法應(yīng)該無(wú)法做到你想要的效果

反對(duì) 回復(fù) 2017-03-13

天緣星
比如一個(gè)div，得出他離窗口位置，比如上下都離窗口100px，div寬高也是100px，鼠標(biāo)移動(dòng)實(shí)時(shí)獲取鼠標(biāo)位置，當(dāng)數(shù)位位置x小于100大于200即離開(kāi)了div,高度低于100或高于200也算離開(kāi)div..

回復(fù) 2017-03-15

關(guān)注