推 preal1215: 真是太感謝了,明天一早來仔細研究你的建議 05/16 00:23
※ 引述《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://www.ptt.cc/bbs/Web_Design/M.1431701570.A.A33.html