nav +img absolute

pb sdz

by GCyrillus

HTML

<nav>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Bkt.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Cqdor.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Matte.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Bike.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Ecorche.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Jpn.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Bologne.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Venise.jpg" /></a>
<a href="#"><img src="http://www.vitroly-portfolio.com/Images/Archi.jpg" /></a>
</nav>

CSS

nav { border:7px solid;background:#111;width:708px;height:372px;position:relative;margin:auto;box-sahdow: 0 0 5px gold;}
a {position:absolute;bottom:0;z-index:1;background:white;}
a:nth-child(1),a:nth-child(3),a:nth-child(6),a:nth-child(8)
{top:0;bottom:auto;}
a:nth-child(1),a:nth-child(2)
{left:0;}
a:nth-child(8),a:nth-child(9)
{right:0;}
a:nth-child(6),a:nth-child(7)
{right:113px;}
a:nth-child(3),a:nth-child(4),a:nth-child(5)
{right:280px;}
a:nth-child(4)
{bottom:166px;}
img {vertical-align:bottom;border:0}
a:hover img {opacity:0.8 }

/* layout */
html {display:table;height:100%;width:100%;}
body {display:table-cell;vertical-align:middle;
background-color:#A0CE13;
background-image:
				 linear-gradient(90deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%)  ,
				 linear-gradient(10deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient(-10deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( 15deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( -15deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( 0deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( 45deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%),
				 linear-gradient(-45deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( 20deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%),
				 linear-gradient(-20deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient( 30deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%),
				 linear-gradient(-30deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient(35deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient(-35deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				 linear-gradient(25deg, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%) ,
				...