div z-index
最近遇到了个问题，望高手解答写，请先看下面的代码 img 挡住后面的元素，这不科学啊。后面的 .in 设置 position:absolute;top:0;left:0;
<style>.out{position:relative;}.out .in{position:absolute;top:0;left:0;z-index:1;font-size:30px;background-color:rgba(255,0,0,.3);color:#fff;}</style><div class="out"> <img src="http://img.china.alibaba.com/images/trade/other/091231/test1.jpg" width="100" alt="" /> <div class="in">cover</div></div><div class="out bd"> <img src="http://img.china.alibaba.com/images/trade/other/091231/test2.jpg" width="200" alt="" /> <div class="in">cover</div></div> img 挡住后面的元素，这不科学啊。后面的 .in 设置 position:absolute;top:0;left:0;
<style>.out{position:relative;}.out .in{position:absolute;top:0;left:0;z-index:1;font-size:30px;background-color:rgba(255,0,0,.3);color:#fff;}</style><div class="out"> <img src="http://img.china.alibaba.com/images/trade/other/091231/test1.jpg" width="100" alt="" /> <div class="in">cover</div></div><div class="out bd"> <img src="http://img.china.alibaba.com/images/trade/other/091231/test2.jpg" width="200" alt="" /> <div class="in">cover</div></div>好多分，谢谢。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
133
收藏
