課程
/前端開發
/CSS3
/CSS3圖片動態提示效果
兩個figure中figcaption中的文字重疊了 全部顯示在第一個figure里的圖片上這一種怎么解決
2016-08-06
源自：CSS3圖片動態提示效果 2-2
正在回答
那是因為，你沒有給每個figure設置position:relative吧，如果設置了的話。應該每個figure下的子元素會相對它的父元素絕對定位的
body,figure,figcaption,h3,p,img{margin:0; padding:0;}figure{position:relative;}div{position:absolute;top:0px;left:0px}在html用<div>....</div>將h，p括起來
舉報
實用的CSS3圖片動態提示效果，熟練掌握CSS動畫的制作技法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-06
那是因為，你沒有給每個figure設置position:relative吧，如果設置了的話。應該每個figure下的子元素會相對它的父元素絕對定位的
2016-12-27
body,figure,figcaption,h3,p,img{margin:0; padding:0;}
figure{position:relative;}
div{position:absolute;top:0px;left:0px}
在html用<div>....</div>將h，p括起來