Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Criei um efeito rollover para quando passasse o mouse em cima da imagem fizesse um efeito de overlay com a um background #000 e uma imagem para clicar em cima (background-image:url(dialog-close.png);)
Prém não queria que a imagem ( background-image:url(dialog-close.png);) que na vdd é um botão com link para youtube ficasse transparente também queria que ela ficasse 100%opaca, mão não consegui fazer, alguém pode me ajudar por favor.
Eu acho q não consegui me expressar mto bem, então pra dar pra entender melhor segue o código abaixo...
<style type="text/css">
div.wrapper{
float:left; / important /
position:relative; / important(so we can absolutely position the description div /
}
div.description{
position:absolute; / absolute position (so we can position it where we want)/
bottom:0px; / position will be on bottom /
left:0px;
top:0px;
width:100%;
heigth:100%;
/* styling bellow */
font-family: 'tahoma';
font-size:15px;
color:white !important;
opacity:0.6; /* transparency */
filter:alpha(opacity=60); /* IE transparency */
} padding:10px;
margin:0px;
height:90%;background-color:#000;
}visibility:visible;
background-image:url(dialog-close2.png);
width:38px;
height:38px;
filter:alpha(opacity=100) !important;;
-moz-opacity: 1.0 !important;;
opacity: 1.0 !important;;
-khtml-opacity: 1.0 !important;;
position:absolute !important;
left:124px;
top:75px;
}background-image:url(dialog-close.png);
}
</style>
</head>
<body><div class='wrapper'>
<!-- image -->
<img src="file:///F|/html 5/html5_cheat_sheet_event_attributes.png" height="200px" />
<!-- description div -->
<div class='description'>
<!-- description content -->
<p class='description_content'><a class="imagem" href="http://www.youtube.com.br"></a></p>
<!-- end description content -->
</div>
<!-- end description div -->
</div></body>
</html>Carregando comentários...