Witam!
mam diva umiejscowione funkcją position:absolute; w css, te divy są w ształcie trapezu.
mam nałożone na niego 2 inne divy, mniejsze. też position:absolute;
ustawiłem hover na tym największym i chciałbym, żeby hover był cały czas na nim, nawet jak najade kursorem na te nałożone. znalazłem takie coś ale nie działa mi, nawet nie jestem pewien czy umiem tego użyć, ale pobawiłem się i wyglada na to że nie działa.
<!doctype html>
<html>
<head>
<style type="text/css">
a:link { text-decoration: none;}
.obrazek_z_przyciskiem {
position: relative;
width: 100px;
height: 150px;
}
.przycisk {
height: 25px;
background-color: aqua;
position:static;
opacity:0.4;filter: alpha(opacity=40); -moz-opacity: 0.4;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.napis {
font-size: 13pt;
text-align: center;
position: relative;
left:0px;
bottom:0px;
right:0px;
}
img:hover + .przycisk {
opacity:1;filter: alpha(opacity=10); -moz-opacity: 1;
}
</style>
</head>
<body>
<a href="#">
<div class="obrazek_z_przyciskiem"><img src="https://cdn1.iconfinder.com/data/icons/artcore/512/firefox.png" style="width: 110px">
<div class="przycisk">
<div class="napis">napis</div>
</div>
</div>
</a>
</body>
</html>
Czy znacie sposób jak to ugryźć?
Po drugie
jak robie takie krzywe divy to tak napiszę w nim coś, to tekst lub inny div znajduje się gdzieś poza divem matką. Czy trzeba coś dodać do css żeby divy układały się w sobie?
Proszę pomóżcie ;(