Skocz do zawartości

Preżroczysty DIV a elementy w nim zawarte

pbupbu

Przez pbupbu
w HTML i CSS

Rekomendowane odpowiedzi

pbupbu Newbie

pbupbu

Opublikowano
  • Autor
Opublikowano

nie wydaje mi sie ponieważ w mojej witrynie (link w stopce) jest kilka elementów powiedzmy chociaz <fieldset> ktore maja nadany background ale i tak sa przezroczyste, najlepszym przykladem sa reklamy googla po prawej, jeszcze obrazkowe wygladaja fajnie natomioast gdy emitowane sa .swf to prawie ich nie widac, poprostu chce calkiem wylaczyc przezroczystosc w tym miejscu.

Odnośnik do komentarza
Udostępnij na innych stronach
HardyTwardy Newbie

HardyTwardy

Opublikowano
Opublikowano

Wyżej dobrze Ci podpowiadał Veal, tylko jeszcze trzeba to zrobić.

20 linijka pliku style.css masz dla przykładu input, textarea.

masz tam:

background: none repeat scroll 0 0 silver;

zmień na

background-color:#fff;

i już masz.

Zrób tak sam z każdym elementem strony który nie ma być przeźroczysty.

Pawel Pawlak

Odnośnik do komentarza
Udostępnij na innych stronach
joketown Newbie

joketown

Opublikowano
Opublikowano

@pbupbu to znany problem, ale jest i obejście. Może nieco dziwne, ale działa. Chodzi głównie o to, że jeśli masz np element, znajdujący się w innym elemencie, a jedynie element nadrzędny ma być przezroczysty (element wewnątrz ma mieć zachowane kolory, ma nie dziedziczyć po elemencie nadrzędnym opacity) to musisz element podrzędny wstawić ZA elementem nadrzędnym (nie W) i nadać odpowiednie style tak jak poniżej:

<div class="transparency">Tu ma być opacity</div>

<div class="content">Tu ma nie być opacity</div>

.transparency

{

opacity:0.2;

filter:alpha(opacity=20);

-moz-opacity:0.2;

background-color:#000;

width:100%;

height:200px;

position:absolute;

top:0px;

left:0px;

}

.content

{

width:100px;

height:100px;

margin:0 auto;

position:relative;

background-color:red

}

Czyli na Twoim miejscu powinieneś mieć coś takiego

<body>

<div class="transparency">opacity itd</div>

<div class="content">

<fieldset></fieldset>

...

</div>

</body>

Pobaw się, jestem przekonany że zadziała :D

Odnośnik do komentarza
Udostępnij na innych stronach
  • 4 tygodnie później...

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności