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

[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

[trueblue]

https://jsfiddle.net/4t29s6ws/3/

[annow]

https://jsfiddle.net/4t29s6ws/3/

Jestem Ci bardzo wdzięczny, dziękuję za pomoc (IMG:style_emoticons/default/smile.gif)

[trueblue]

Tu jest rozwiązane zmianą z-index napisu:
https://jsfiddle.net/4t29s6ws/4/