亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

設置after偽元素的zindex無效??偸秋@示在最外層

為什么代碼一樣。但是after偽類所在的層總是無法隱藏在后面???代碼一樣啊

? ? <style>


? ? ? ? ?.box{ width: 500px; height:200px; margin:50px auto;}

? ? ? ? .flex{-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; position: relative}

? ? ? ? ?.flex:after{content:"";position:absolute; z-index: -100;top:50%;left:0;width:100%; height:50%;background:#000;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

? ? ? ? ? ? ?-webkit-border-radius:100px/10px; }


? ? ?</style>

</head>

<body>

<div class="box flex">

? ? <h2>Hollokitty</h2>

</div>

求指點

正在回答

4 回答

親 你的box是透明啊 ? box加個白色就行了

1 回復 有任何疑惑可以回復我~

給box加上#fff背景顏色就可以了

0 回復 有任何疑惑可以回復我~

不會 我回答錯了 你把z-index放到最后試試

0 回復 有任何疑惑可以回復我~

width:100%; height:50%;不需要,position四個方向值要寫全

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

設置after偽元素的zindex無效??偸秋@示在最外層

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號