[css] przeźroczystosć tła po najechaniu, Jak zmienić przeźroczystość tła w divie Opcje

[wojtekw]

Mam pytanie: Jak zmienić przeźroczystość tła w divie nie zmieniając przeźroczystośći warstwy tekstowej w css. Ewentualnie czy da się to zrobić w JS ?

[colinQ]

Sama przezroczystość to:

[HTML] pobierz, plaintext 
<style>
.effect {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
</style>
<div class="effect">
  <p>Text</p>
</div>
[HTML] pobierz, plaintext 

Przeczyszczam że po związaniu tego z onmouseover lub onmouseout cos by z tego wyszło

Ten post edytował colinQ 16.09.2007, 09:44:07

[wojtekw]

tak ale zmienia się wtedy przeźroczytsość całego diva wraz z jego zawartością, a ja chcę zmienić tylko przeźroczytość tła.

Ten post edytował wojtekw 16.09.2007, 09:44:47

[colinQ]

Co najwyżej ta takie coś wymyśliłem:

[HTML] pobierz, plaintext 
<style>
div#cont {
  position: relative;
}
 
div.transparent {
  opacity: 0.5;
  background-color: #FF0;
  position: absolute;
}
 
</style>
<div id="cont">
  <div class="transparent">text</div>
  text
</div>
 
w jednym i w drugim musi byc ten sam text
[HTML] pobierz, plaintext 

[Sky_walker]

Przedmówca ma racje - trzeba stosować 2 div'y, jeden z przeźroczystym tłem, a drugi ze zwykłym tekstem.

ps. Niezbędne jest użycie obu parametrów (opacity i filter), gdyż IE interpretuje jedno, a FF drugie (nie pamiętam który interpretuje który, ale to akurat nie gra roli).

[HTML] pobierz, plaintext 
opacity: 0.9; filter: ALPHA(Opacity=90);
[HTML] pobierz, plaintext 

Ten post edytował Sky_walker 16.09.2007, 11:20:42

[colinQ]

opacity dla FF a filter dla IE