Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<a href="#"> <div class="foto"> <div class="pruh"> Pěkný prase</div> </div> </a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.foto { width: 620px; height: 430px; background-image: url(http://www.ireceptar.cz/res/data/241/028837.jpg); position: relative; } .pruh { width: 620px; background-color: black; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; position: absolute; bottom: 0; padding: 15px 0px; font-family: sans-serif; font-weight: bold; color: white; text-align: center; } .pruh:hover { width: 620px; background-color: #0099cc; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.6; position: absolute; bottom: 0; padding: 15px 0px; font-family: sans-serif; font-weight: bold; color: black; text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>