在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 如何寫有遮罩層下的onresize函數(shù)

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

當前的方案是用遮罩直接蓋住原始層， 對原始層需要高亮的元素，根據(jù)原位置算出長寬及top,left 值，在遮罩層上畫出一個對應(yīng)的高亮框(一個div，背景設(shè)為白色) 蓋在原始層的上面，z-index比原始層高。
當窗口不變的話，這個方案沒問題，但是當窗口大小變化的話，高亮的地方就不對了。
需求是：無論當前url是在哪，當窗口大小發(fā)生變化的時候，原始層需要高亮的元素位置變動了，高亮框也能跟著動，繼續(xù)高亮蓋住原來的位置。
謝謝。

需要說明的還有：
1) 遮罩層頁面有多個，對應(yīng)有多個url
2) 有些頁面（url)可能有一個高亮框,也可能有多個。

現(xiàn)在能想到的是：
1） 只需要處理當前頁面的高亮的div

回答
編輯回答
巴扎嘿

你好，我覺得高亮框可以利用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;
}

  • 效果大概這這樣的

圖片描述

2018年9月15日 14:58