Przezroczystość PNG w ie6


(Marcinj10) #1

Witam!

Moja strona: http://www.speedyshare.com/files/264002 ... na_WWW.zip (do otworzenia lokalnie)

Jako, że w szkole używamy Internet Explorer 6, to strona (jest to moja praca domowa) musi się w tej przeglądarce dobrze wyświetlać. Niestety nie obsługuje ona przezroczystości PNG. Próbowałem użyć sposobu opisanego na: http://www.tarnaski.eu/blog/internet-ex ... zyste-png/ , ale niestety nie działa on (jest on jednak nadal zamieszczony w pliku index.html).

Co mogę zrobić, aby obrazek ten wyglądał tak jak w Firefox i Chrome?

P.S. Proszę nie zwracać uwagi na problem z menu w Firefox'ie. Na razie nie wiem jak to rozwiązać, jeśli nic nie znajdę to napiszę osobny temat na forum.


(Grzesie K) #2

Tak właściwie to osobiście często ignoruje ten problem. W twoim przypadku nie masz konieczności korzystania z kanału alfa. Znasz pozycję tego obrazka na stronie więc możesz wkomponować w niego tło strony.

Zmiana stylu dla body:

body {

    background-image : url('../pic/bodybg.png');

	background-position: top center;

    background-repeat: repeat;

  }

header2.png bez kanału alfa:

Możesz oczywiście zmienić format na jpg co byłoby nawet wskazane.

Poza tym błąd menu (jak już pisałeś), źle dobrane kolory, nieczytelna zawartość z powodu tła w main, napisy na downubuntu.png są nieczytelne i powinieneś raczej użyć diva z textem i tłem w tym miejscu, przydały by się ramki do oddzielenia obrazków tła, brak stopki i jeszcze kilka innych.


(Marcinj10) #3

Trudno, w takim razie skorzystam z Twojej rady.

Co do czytelności strony - ja to wszystko wiem. Tła dobrałem po prostu, aby zobaczyć jak to wszystko wygląda. To samo z downubuntu.png, chciałem na razie zobaczyć jak się prezentuje. Potem go powiększę, najpierw zajmę się podstawami.

Dzięki za pomoc!

P.S. Prawdopodobnie niedługo napiszę o tym problemie z menu w Firefox'ie, bo nie mogę tego rozwiązać.


(Grzesie K) #4
UL#NAV {

    list-style-type: none;

   display: block;

   margin: 0 auto;

   width: 85%;

    padding: 15px 0;


  }



UL#NAV LI {

    display: block;

	float:left;

	 border: 1px solid #FC6A08;

    background-color: #FCA908;

	margin:5px;

	margin-top:0px;

  }



UL#NAV LI A {

    text-decoration: none;

    text-align: center;

    color: black;

	width:100%;

	padding:10px;

	line-height:30px;

  }

(ra-v) #5

Chciałbym się wypowiedzieć żeby już nie zmuszać wyrobów muzealnych do wyświetlania stron. Załóż blokadę na IE6.