Forum PHP.pl > Warstwa zakrywająca całą stronę

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Warstwa zakrywająca całą stronę

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Daimos

19.11.2006, 14:42:15

Witam
chce zrobić warstwę która przykryje mi całą stronę.
Napisałem takie coś i jest ok w firefoxie:

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<style type="text/css">
.aaa {
position: absolute;
 
BACKGROUND-COLOR: #eee;
top: 0px;
left: 0px;
min-height: 100%;
min-Width: 100%;
Width: 100%; 
height: 100%;
padding:0;
margin:0;
}
</style>
</head>
<body>
<div class="aaa">asdasdasdasd asd adsas das dsa</div>
</body></html>
[HTML] pobierz, plaintext

Przy IE widze że szerokość jest nie dokładnie 100%
widać białe tło strony :/
jak można zaradzić?

edit:
Problem też jest z wysokością, ustawia warstwę na samej górze
jak okno jest większe (wyższe), to gdy przesuwam w dół
warstwa ta zostaje w miejscu i pod nią dalej białe tło
position: fixed
załatwia sprawę w firefoxie (chociąż dziwnie zachowuje się przeglądarka, jakby tnie :/ )
ale znowu na IE nie działa

i jeszcze jeden problem, żeby nowego posta nie robić:

[HTML] pobierz, plaintext 
-moz-opacity : 0.5;
opacity : 0.5;
filter : alpha(opacity=50);
[HTML] pobierz, plaintext

znalazłem taki kod do tworzenia przeźroczystości
ale w IE wywala mi błąd, że :
IE zablokował temu plikowi ładowanie zawartości aktywnej, czy jakoś tak
i nie działa

Zajec

20.11.2006, 19:42:30

Po co te kombinacje z width/height?

Kod

.aaa {
position: absolute;
background-color: #eee;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding:0;
margin:0;
}

O opacity zapomnij, bo IE7 które wypuszczono już w ogóle nie obsługuje filter, więc nie osiągniesz tam częściowej przezroczystości.

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.