vue+element——父級元素fixed，遮罩會在上方
前言
這種場景還是蠻場景的
一個共用的head元件，元件裡面通常是當前系統登入賬號名 退出登入 修改密碼這樣的彈框
但是現在我又想head不跟著main內容上下滑動。所以用了fixed 定位。
問題來了，head元件的下拉選單 修改密碼彈框的遮罩在上方了，該如何解決呢？
需求
element的彈框的遮罩在上方，彈框的遮罩Z-index 是自增長的，所以改變彈窗的層級是沒有用的
第一種方法：把下選單剝離出來，成一個共元件，然後用定位來再head的元件的位置
缺點：每個頁面都要改，不太好（懶）
第二方法：我覺得這個是比較常見的問題，我就在element的github上面找到了同款問題
dialog 有兩個屬性，所以 遮罩不插入body元素上，遮罩插在父元素就好了
開始是這樣的
然後程式碼改成這樣子
最終的效果是這樣的
nice 完美的解
相關推薦
vue+element——父級元素fixed，遮罩會在上方
前言 這種場景還是蠻場景的 一個共用的head元件，元件裡面通常是當前系統登入賬號名 退出登入 修改密碼這樣的彈框 但是現在我又想head不跟著main內容上下滑動。所以用了fixed 定位。 問題來了，head元件的下拉選單 修改密碼彈框的遮罩在上方了，該如何解決呢？
iframe js獲取父級元素資訊，設定css樣式 和繫結事件
獲取iframe 父級id 為objid的內容。 $('#objid',window.parent.document).val(""); 初始化為iframe 父級 id為cancel1繫結事件 $('#cancel1',window.parent.document).
父級元素透明，子級元素不透明
html： <div class="imgr"><img src="images/pic1.png" alt="" /><div class="div2"><
margin與padding值設定為百分數時，其值的計算參照最近父級元素width
在前端開發過程中，設定樣式引數margin 與 padding 值為百分數時，其具體值的計算方法需參照最近父級的width計算。 1）exp1: margin-top 為百分數 其中標籤的巢狀關係為： <div class="boxparent">
video自動填充滿父級元素
寬高 覆蓋 object vid cal art scale .net 100% 想要video能自動填充慢父div的大小，只要給video標簽加上style="width= 100%; height=100%; object-fit: fill"即可。 object-fi
Jquery 父級元素、同級元素、子元素
所有 close next() eva 第一個 上一個 tro find() 子元素 prev()：獲取指定元素的上一個同級元素（是上一個哦）。 prevAll()：獲取指定元素的前邊所有的同級元素。 find()：查找子元素方式 next()： 獲取指定元素的下一個同級元
jquery獲取父級元素、子級元素、兄弟元素的方法
next 返回結果 初始 對象 clas 祖先 eval p s all jQuery.parent(expr) 找父親節點，可以傳入expr進行過濾，比如$("span").parent()或者$("span").parent(".class") jQuery.par
jquery選擇器 之 獲取父級元素、同級元素、子元素 (轉載)
content 異同 sele sel node pan query -a ofo 一、獲取父級元素 1、 parent([expr]): 獲取指定元素的所有父級元素 <div id="par_div"><a id="href_fir" href="#
jQuery獲取所有父級元素及同級元素及子元素的方法
-m logs 當前 tor mar eval div 進行 nds jQuery獲取所有父級元素及同級元素及子元素的方法 1.獲取父級元素 $("#id").parent() 獲取其父級元素 $("#id").parents(
react中父級props改變，更新子級state的多種方法
new 渲染 改變 推薦！！ item data class else clas 子組件： class Children extends Component { constructor(props) { super(props); thi
css3單位使用vh擺脫父級元素高度
在給元素設定高度時，一般使用px，但是當父類元素沒有設定height時，子類設定height：*%，是沒有高度的。 main元素沒有高度沒設定，導致layout–1Ow-jP元素設定了高度為100%，也沒有撐開，現有高度還是button元素的高度 遇到這樣的情況，只有從根元素開始
jquery選擇器如何獲取父級元素、同級元素、子元素 一、新建頁面
一、新建頁面 1 <ul> 2 <li>list item 1</li> 3 <li>list item 2</li> 4 <li class
swiper 父級元素display:none 之bug
問題描述: 同一個頁面,點選底部tab按鈕切換div的顯示與隱藏,點選到第四個頁面時 輪播圖總是不動,出bug var mySwiper = new Swiper('.swiper-contain', { autoplay: 3000,//可選選項，自動滑動 speed: 300, loo
CSS 塊級元素block ， 行內元素 inline，以及行內塊級元素inline-block
block元素（div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等） 從瀏覽器的顯示結果可以看出，塊級元素新開啟一行（即
input元素相對父級元素錯位了？IE7
先看程式碼： <div id="div1" style="margin-left:100px"> <div id="div2" style="border:1px solid #000;width:100px">
js和jquery獲取父級元素、子級元素、兄弟元素的方法
最近工作中總遇到取各種父啊子啊兄弟姐妹啊，每次都得查，這次整理個全乎的~ 【js的獲取方式】 function dom(){ var a = document.getElementByIdx_x_x("dom"); var b =
子元素設定margin-top影響父級元素的位置（轉發）
前提：子元素要是塊級元素； ——————————————————————————————————— 相信很多前端同學在做頁面開發的時候都遇到過這樣的問題。給一個div內部的div設定一個margin-top，結果它的父級跟著它一起下移了。如下面的程式碼 .a {
求助：關於django rest framework + vue(element-ui)跨域問題，求助大佬解決...
前端： headers: { token: '' } if (document.cookie.length > 0) { var arr = document.cookie.split('; ') for (var i = 0; i < arr.length; i++
jquery選擇器 之 獲取父級元素、同級元素、子元素
一、獲取父級元素 1、 parent([expr]): 獲得當前匹配元素集合中每個元素的父元素，使用選擇器進行篩選是可選的。 <ul class="level-1"> <li class="item-i">I</li> <l
css佈局--父級元素高度自適應
在專案中需要實現這樣一個佈局，子元素相對於父元素絕對定位，其中子元素的高度是確定的，希望父元素能夠自適應子元素的高度，實現兩個div的底沿對齊。 html: <head> <