Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Przeźroczystość prostego przycisku w IE
Forum PHP.pl > Forum > Przedszkole
Regss
Witam!
Nie mam już siły proszę o pomoc z przeźroczystością w IE pod FF wszytko działa jak należy.

style.css:

  1. .button {
  2. color:#FFFFFF;
  3. background-color: #000000;
  4. opacity: .2;
  5. filter: alpha(opacity = 20);
  6. -moz-opacity: 0.2;
  7. -khtml-opacity: 0.2;
  8. border: 1px solid #bbbbbb;
  9. text-decoration: none;
  10. padding: 3px 10px;
  11. }
  12. .button:link {
  13. color:#FFFFFF;
  14. background-color: #000000;
  15. opacity: .5;
  16. filter: alpha(opacity = 50);
  17. -moz-opacity: 0.5;
  18. -khtml-opacity: 0.5;
  19. border: 1px solid #bbbbbb;
  20. text-decoration: none;
  21. padding: 3px 10px;
  22. }
  23. .button:visited {
  24. color:#FFFFFF;
  25. background-color: #000000;
  26. opacity: 1;
  27. filter: alpha(opacity = 100);
  28. -moz-opacity: 1;
  29. -khtml-opacity: 1;
  30. border: 1px solid #bbbbbb;
  31. text-decoration: none;
  32. padding: 3px 10px
  33. }
  34. .button:hover {
  35. color:#FFFFFF;
  36. background-color: #000000;
  37. opacity: 1;
  38. filter: alpha(opacity = 100);
  39. -moz-opacity: 1;
  40. -khtml-opacity: 1;
  41. border: 1px solid #bbbbbb;
  42. text-decoration: none;
  43. padding: 3px 10px;
  44. }
  45. .button:active {
  46. color:#FFFFFF;
  47. background-color: #FFFFFF;
  48. opacity: 1;
  49. filter: alpha(opacity = 100);
  50. -moz-opacity: 1;
  51. -khtml-opacity: 1;
  52. border: 1px solid #bbbbbb;
  53. text-decoration: none;
  54. padding: 3px 10px;
  55. }


  1. <a class="button"href="index.php?link=link">link</a>


Jak to pogodzić z IE?
Przycisk nie chce być przeźroczysty.
crocodillo
http://www.w3schools.com/cssref/css3_pr_opacity.asp
tam jest notka odnośnie ie8 i wcześniejszych
!*!
w IE < 9 to przezroczystości elementów stosuj filtry css

Kod
filter: alpha(opacity = 50);
Regss
Przecież mam tak ustawione, zresztą w IE 9 też nie działa
erix
Pokaż gdzieś działającą całość.
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.