###問題
ある要素の背景を透明化した時、親要素がみえないようにする方法が知りたいです。。
front.jogにopacityをかけているのですがback.jpgがすけてみえてしまいます。すけて見えるのが一番うしろの親要素のbodyだけにしたいのです。つまり下記の状態で言えば背景の白です。
bodyがグラデーション、透明などのときも対応したいです
html
1<!DOCTYPE html> 2<html lang="ja" > 3<head> 4<meta charset="utf-8"> 5<script type="text/javascript" src="frame/jquery-3.1.1.min.js"></script> 6<style> 7img{ 8 position:absolute; 9} 10img:nth-child(2){ 11 opacity:0.8; 12} 13</style> 14</head> 15<body> 16 <img src="back.jpg" alt=""> 17 <img src="front.jpg" alt=""> 18<script> 19 20</script> 21</body> 22</html> 23