Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] "Prześwitujący" div
-Dawid Marshal-
post
Post #1





Goście
Interesuje mnie wykonanie diva w którym znajdą się dwa kolejne, leżące na sobie.

Zawartość w jednym z nich (położonym wyżej) moze sie pojawić lub nie - jest to zależne skryptu JS

W przypadku gdyby zawartosc nie zostala zwrocona chcialbym aby uzytkownik zobaczyl zawartosc diva polozonego nizej.

Moj kod:

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3.     <head>
  4.  
  5.         <style type="text/css">
  6.  
  7.             .div1{
  8.                 width:100px;
  9.                 height:100px;}
  10.             .div2{
  11.                 position:absolute;
  12.                 width:100px;
  13.                 height:100px;
  14.                 z-index:1000;
  15.                 background-color:transparent
  16.             }
  17.             .div3{
  18.                 position:absolute;
  19.                 width:100px;
  20.                 height:100px;
  21.                 z-index:900}
  22.  
  23.         </style>
  24.  
  25.     </head>
  26.  
  27.     <body>
  28.  
  29.         <div class="div1">
  30.  
  31.             <div class="div2">
  32.                 //zawartosc, ktora moze byc a moze jej nie byc
  33.             </div>
  34.  
  35.             <div class="div3">
  36.                 //zawartosc "tłowa"
  37.             </div>
  38.  
  39.         </div>
  40.  
  41.     </body>
  42.  
  43. </html>
[HTML] pobierz, plaintext


Kod ten wykonuje zadanie, ale jezeli w zawartosci diva nizszego znajdzie sie np tekst to nie moze on zostac zaznaczony przez uzytkownika - jest on "zablokowany", przykryty pustym tlem tego pierwszego.

Jak moze sprawic aby tekst w nizszym divie mogl byc zaznaczalny?

Bardzo zalezy mi na rozwiazaniu tego za pomoca HTML i CSS, a nie JS (sprawdzenie czy zawartosc=='', then display:none)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

To nadaj temu DIVovi na wyższej warstwie height: auto, i wtedy będzie widoczny tylko wtedy gdy będzie w nim jakiś tekst, a nie zawsze 100px.
Go to the top of the page
+Quote Post
-Dawid Marshal-
post
Post #3





Goście
Rozwiązanie zdaje się nie działać na najnowszym IE
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 17:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn