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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何寫有遮罩層下的onresize函數(shù)

如何寫有遮罩層下的onresize函數(shù)

不負相思意 2019-02-12 21:24:23
當前的方案是用遮罩直接蓋住原始層, 對原始層需要高亮的元素,根據(jù)原位置算出長寬及top,left 值,在遮罩層上畫出一個對應(yīng)的高亮框(一個div,背景設(shè)為白色) 蓋在原始層的上面,z-index比原始層高。當窗口不變的話,這個方案沒問題,但是當窗口大小變化的話,高亮的地方就不對了。需求是:無論當前url是在哪,當窗口大小發(fā)生變化的時候,原始層需要高亮的元素位置變動了,高亮框也能跟著動,繼續(xù)高亮蓋住原來的位置。謝謝。需要說明的還有:1) 遮罩層頁面有多個,對應(yīng)有多個url2) 有些頁面(url)可能有一個高亮框,也可能有多個?,F(xiàn)在能想到的是:1) 只需要處理當前頁面的高亮的div
查看完整描述

1 回答

?
心有法竹

TA貢獻1866條經(jīng)驗 獲得超5個贊

你好,我覺得高亮框可以利用z-index這個屬性實現(xiàn)。這個是代碼。


//html

<div class="old">

  原始層

  <span class="high">高亮部分</span>

</div>

<div class="cover">遮罩層</div>

//css

.cover{

  width:100%;

  height: 100%;

  background: rgba(0,0,0,0.2);

  position:absolute;

  top: 0;

  z-index:999;

}

.old{

  position: relative;

}

.high{

  position: absolute;

  top:20px;

  width:200px;

  height:100px;

  background:#fff;

  z-index: 1000;

}

body,html{

  margin: 0;

  padding:0;

}

效果大概這這樣的

https://img1.sycdn.imooc.com//5c6f683f00018ba807690355.jpg

查看完整回答
反對 回復 2019-02-22
  • 1 回答
  • 0 關(guān)注
  • 445 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

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