[CSS][HTML] Tekst i przyciemnienie na obrazku Opcje

[annow]

Witam, chcę zrobić aby na obrazku po najechaniu pojawił się tekst, przyciemnienie zrobiłem opcją

[HTML] pobierz, plaintext 
.obrazek1:hover {  filter: brightness(30%); }
[HTML] pobierz, plaintext 

a w HTML:

[HTML] pobierz, plaintext 
<img class="obrazek1" src="obrazek1.png" />
[HTML] pobierz, plaintext 

i chcę aby po najechaniu pojawił się tekst, ktoś ma jakieś pomysły?

[trueblue]

Bez sensu. Znów ustawiasz position i z-index dla obrazka na :hover.

[annow]

Bez sensu. Znów ustawiasz position i z-index dla obrazka na :hover.

ale bez dodania hover dla .obra1 nie działa (IMG:style_emoticons/default/sad.gif)

[HTML] pobierz, plaintext 
.test1 {
  position:relative;
  font-size: 0px;
}
.test1:hover {
   -webkit-filter: brightness(30%);
   filter: brightness(30%);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -ms-transition: all 1s linear;
   -o-transition: all 1s linear;
   transition: all 1s linear;
   font-size: 20px;
   color: red;
   font-family: Arial;
}
 
.obra1 {
	position: absolute;
    z-index:-1;
}
[HTML] pobierz, plaintext 

Ten post edytował annow 11.07.2016, 16:34:26