タイトルの通りです。.coverの写真が真っ白になってしまいます。
HTML
1<!DOCTYPE html> 2<html> 3<head> 4<title>MMMMMM MMMMMMM</title> 5<meta charset="UTF-8"> 6<link rel="stylesheet" href="style.css"> 7</head> 8 9<body> 10<ul> 11<li><a href="#a0">Home</a></li> 12<li><a href="#a1">Logo</a></li> 13<li><a href="#a2">Brochure Booklet</a></li> 14<li><a href="#a3">Bookcover</a></li> 15<li><a href="#a4">Poster</a></li> 16<li><a href="#a5">Photography</a></li> 17<li><a href="#a6">Product</a></li> 18</ul> 19 20<div id=a0 class="cover"> 21<img src="img/cover.jpg" alt="cover" width="100%" height="Auto" class="coverphoto"> 22 23<div class="name">MMMMM MMMM<br>MMMMMM 24</div> 25 26<div class="introduction">M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM M MMMMM MMMMMMMMM MMMMMMMMMMMMM. 27</div> 28<div class="footnote">Copyright © <?php echo date("Y"); ?> MMMMM MMMM - All rights reserved.</div> 29</div> 30 31<div class="work"> 32MMMMM 33</div> 34</body> 35</html>
CSS
1<style type="text/css"> 2 3.cover{ 4position:relative; 5bottom:100vh; 6left:100vw; 7z-index:2; 8} 9 10.name{ 11position:absolute; 12color:tomato; 13font-size:45px; 14left:45px; 15top:45%; 16z-index:3; 17} 18 19.introduction{ 20background-color:rgba(0,0,0,0.5); 21color:white; 22font-size:12px; 23height:auto; 24width:57%; 25padding:60px 60px 60px 60px; 26text-align:left; 27position:absolute; 28bottom:150px; 29right:0px; 30z-index:4; 31} 32 33.footnote{ 34position: absolute; 35bottom:0; 36z-index:5; 37background-color:black; 38font-size:12px; 39color:white; 40width:100vw; 41padding:20px; 42margin:0; 43text-align:center; 44} 45 46.work{ 47top:100vh; 48position:absolute; 49margin:0; 50z-index:1; 51}
回答1件
あなたの回答
tips
プレビュー