Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Nefunguje mi CSS2 / CSS3 v IE

<style>
.picture {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
}

.picture:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: url(desaturate.svg#greyscale);
filter: gray;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-khtml-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translate(5em,0em);
-moz-transform: translate(5em,0em);
-ms-transform: translate(5em,0em);
-o-transform: translate(5em,0em);
}

</style>

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<div class="picture" style="position: absolute; top: 0px; left: 0px;z-index: 4;">
<a href="???"><img src="image/vermogen-fantasy.png" width="400"></a>
</div>
<div class="picture" style="position: absolute; top: 0px; left: 100px; z-index: 3;">
<a href="???"><img src="image/destruction.png" width="400"></a>
</div>
<div class="picture" style="position: absolute; top: 0px; left: 200px;z-index: 2;">
<a href="???"><img src="image/red.png" width="400"></a>
</div>
<div class="picture" style="position: absolute; top: 0px; left: 300px;">
<a href="???"><img src="image/yellow.png" width="400"></a>
</div>





</body>
</html>

Reakce na odpověď

1 Zadajte svou přezdívku:
2 Napište svou odpověď:
3 Pokud chcete dostat ban, zadejte libovolný text:

Zpět do poradny