Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: CSS3 - Pole z cieniem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
alek37
Witam
Mam problem z prawidlowym wyswietleniem w IE 8 i 9 ramki z zaokraglonymi rogami i z cieniem na brzegach. W Chrome i FF wyswietla sie prawidlowo natomiast w IE brak jest zaokraglenia naroznikow oraz cienia pod ramka. Czy jest na to jakies rozwiazanie? Przedstawiam CSS ktory jest odpowiedzialny za tworzenie ramki.

  1. .pole {
  2. background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
  3. background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
  4. margin: auto;
  5. position: relative;
  6. width: 350px;
  7. height: 240px;
  8. font-family: Tahoma, Geneva, sans-serif;
  9. font-size: 12px;
  10. font-style: normal;
  11. line-height: 24px;
  12. font-weight: normal;
  13. color: #09C;
  14. text-decoration: none;
  15. -webkit-border-radius: 5px;
  16. -moz-border-radius: 5px;
  17. border-radius: 5px;
  18. padding: 25px 10px 25px 10px;
  19. border: 1px solid #dadada;
  20. -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  21. -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  22. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  23. }
viking
Pierwszy z brzegu link http://robertnyman.com/2010/03/16/drop-sha...l-web-browsers/
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.