Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] przeźroczystosć tła po najechaniu
Forum PHP.pl > Forum > Przedszkole
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:
  1. .effect {
  2. opacity: 0.8;
  3. filter: alpha(opacity=80);
  4. }
  5. <div class="effect">
  6. <p>Text</p>
  7. </div>


Przeczyszczam że po związaniu tego z onmouseover lub onmouseout cos by z tego wyszło winksmiley.jpg
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.
colinQ
Co najwyżej ta takie coś wymyśliłem:

  1. div#cont {
  2. position: relative;
  3. }
  4.  
  5. div.transparent {
  6. opacity: 0.5;
  7. background-color: #FF0;
  8. position: absolute;
  9. }
  10.  
  11. <div id="cont">
  12. <div class="transparent">text</div>
  13. text
  14. </div>
  15.  
  16. w jednym i w drugim musi byc ten sam text
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).

  1. opacity: 0.9; filter: ALPHA(Opacity=90);
colinQ
opacity dla FF a filter dla IE winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.