第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

通過div單擊基礎(chǔ)元素

通過div單擊基礎(chǔ)元素

肥皂起泡泡 2019-06-01 13:53:05
通過div單擊基礎(chǔ)元素我有一個(gè)div有background:transparent,連同border..在這下面div我有更多的元素。當(dāng)前,當(dāng)我單擊覆蓋的外部時(shí),我可以單擊基礎(chǔ)元素div..但是,當(dāng)直接單擊覆蓋時(shí),我無法單擊基礎(chǔ)元素div.我想通過這個(gè)點(diǎn)擊div這樣我就可以點(diǎn)擊底層元素了。
查看完整描述

4 回答

?
忽然笑

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

是的,你能,會(huì),可以做這個(gè)。

使用pointer-events: none除了IE11的CSS條件語句(在IE10或更低版本中不起作用)之外,您還可以獲得一個(gè)跨瀏覽器兼容的解決方案。

使用AlphaImageLoader,你甚至可以把透明的.PNG/.GIFS在覆蓋層中div讓點(diǎn)擊流過下面的元素。

CSS:

pointer-events: none;background: url('your_transparent.png');

IE11有條件:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');background: none !important;

這里有一個(gè)基本示例頁(yè)所有的密碼。


查看完整回答
反對(duì) 回復(fù) 2019-06-01
?
至尊寶的傳說

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

也很高興知道.。
您可以禁用父元素(可能是透明div)中的指針-事件,但仍然為其子元素啟用指針事件。
如果您使用多個(gè)重疊的div層,您希望能夠單擊子元素,而父層根本不對(duì)任何鼠標(biāo)事件作出反應(yīng),這是很有幫助的。為了這一切pointer-events: none它的可點(diǎn)擊子程序獲得指針事件,該指針事件由pointer-events: auto

.parent {
    pointer-events:none;        }.child {
    pointer-events:auto;}<div class="some-container">
   <ul class="layer-0 parent">
     <li class="click-me child"></li>
     <li class="click-me child"></li>
   </ul>

   <ul class="layer-1 parent">
     <li class="click-me-also child"></li>
     <li class="click-me-also child"></li>
   </ul></div>


查看完整回答
反對(duì) 回復(fù) 2019-06-01
?
侃侃爾雅

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

我加這個(gè)答案是因?yàn)槲覜]有在這里看到完整的答案。我能夠使用ElementFromPoint來完成這個(gè)任務(wù)。所以基本上:

  • 將單擊附加到要單擊的div上。
  • 藏起來
  • 確定指針在哪個(gè)元素上。
  • 啟動(dòng)對(duì)該元素的單擊。
var range-selector= $("")
    .css("position", "absolute").addClass("range-selector")
    .appendTo("")
    .click(function(e) {
        _range-selector.hide();

        $(document.elementFromPoint(e.clientX,e.clientY)).trigger("click");
    });

在我的例子中,覆蓋div是絕對(duì)定位的-我不確定這是否有區(qū)別。這至少適用于IE8/9、Safari Chrome和Firefox。


查看完整回答
反對(duì) 回復(fù) 2019-06-01
  • 4 回答
  • 0 關(guān)注
  • 638 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)