作者iamnodoubt ( )
看板Web_Design
标题Re: [问题] z-index问题请教
时间Fri May 15 22:52:42 2015
※ 引述《preal1215 (认真面对一切事物)》之铭言:
: 做了一个商品摘要的静态页面,
: 如下
: http://output.jsbin.com/tipuda/1
: 设计是滑鼠移过商品图片时,
: 图片上会有一个黑色半透明遮罩+黄圈圈的link图示(字型没上传)
: 但是怎麽调,我的橘黄圈圈就是不会跑到第一层,设定z-index:1000;无效。
: 不知到底是那里出了差错阿><
: 还请不吝指教。谢谢。
因为你的mask是icon的parent阿
用sibling selector去处理
http://jsbin.com/guburecala/1/edit?html,css,output
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.182.117.236
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1431701570.A.A33.html
1F:推 preal1215: 真是太感谢了,明天一早来仔细研究你的建议 05/16 00:23