IT NEWS PC REVUE PC FORUM FreeBSDInternet time: @822
Obsah fóra
Pravidlá  •  Kontakt  •  Prihlásenie  •  Registrácia

Výpredaj matracov

Zľavy 50% Len do vypredania zásob www.vypredajmatracov.sk

Auto od Profi Credit

Využite rýchly bezúčelový úver a vyhrajte nové auto ŠKODA Fabia ! www.proficredit.sk

Aktuálna novinka

Zisti pravdu o stravovaní! Vyšetrovanie odhalilo tajomstvo dokonalého tela. www.news2channel.net

Mať originál je jednoduché

Chcete mať originál? Nie je nič jednoduchšie. Sculpio www.sculpio.com

Diéta - stojí to za to?

Aký je najúčinnejší spôsob zbaviť sa nadváhy? Tipy na chudnutie www.news2channel.net

Ako prekryť priehľadným divom iný div

Zaslať odpoveď
AutorSpráva
1daemon1
Užívateľ
Užívateľ

Založený: 14.04.2009
Príspevky: 824

PríspevokZaslal: So 14.01.12 15:34Odpovedať s citátomNávrat hore

Zdravím, tak chcel by som znova poprosiť o pomoc.
Mám na stránke pozadie - modrú farbu cez celú stránku.
Na pozadí mám div, s position: absolute; a žltým pozadím.
Nad obrázkom s position: absolute mám div, s position: relative; a priehľadným pozadím.
Chcem, aby mi div s position: relative, ktorý je priehľadný, prekryl obrázok s position: absolute; ale zobrazil pozadie stránky.

Ukážka:
kód:
<!DOCTYPE html>

<html>
      <head>
         <style>
            html, body {
               background-color: blue;
            }
            
            * {
               margin: 0;
               padding: 0;
            }
            
            #absolute {
               position: absolute;
               top: 0;
               left: 0;
               width: 50px;
               height: 50px;
               background-color: yellow;
            }
            
            #relative {
               position: relative;
               margin-top: 25px;
               margin-left: 25px;
               width: 50px;
               height: 50px;
               border: 1px solid black;
            }
         </style>
      </head>
      <body>
         <div id="absolute"></div>
         <div id="relative"></div>
      </body>
</html>


Zobrazí:

Chcem aby zobrazilo:


V skutočnosti tam nemám background-color ale background-image, preto nemôžem jednoducho relatívnemu divu nastaviť farbu pozadia na blue.

// Napadá ma riešenie, že by som dal relatívnemu divu vlastnosť overflow:hidden;, vytvoril v ňom nový div a napozicioval ho tak, že by sa začínal od lavého horného rohu celej stránky, dal mu width a height na 100% a dal doňho zasa ten obrázok, čo mám na pozadí.
To by som ale musel poznať pozíciu toho relatívneho divu, aby som ten v ňom - ten nový mohol napoziciovať na lavý horný roh stránky. A tú nepoznám.

_________________
CPU: Intel Core 2 Duo E6600, 2400 MHz GPU: 2x NVIDIA GeForce 7600 GT (256 MB) MB: Asus P5NSLI RAM: 2GB ddr2 Zdroj: FORTRON BlueStorm II 500W HDD: SEAGATE Barracuda 7200.9 250GB OS: Ubuntu 11.10 32bit & Windows 7 Ultimate 32bit
Mobil: Samsung Galaxy S2 i9100 MicroSDHC: Patriot 32GB class 10
Zobraziť informácie o autoroviOdoslať súkromnú správuSkype
Zoly
Užívateľ
Užívateľ

Založený: 13.01.2012
Príspevky: 2

PríspevokZaslal: Po 16.01.12 22:12Odpovedať s citátomNávrat hore

tomu čo chceš mať vzadu daj z-index:1 a tomu čo vpredu z-index:2 , snáď by to malo fungovať

_________________
Notebook: Lenovo ThinkPad Edge520 1143-CVG
Procesor: Intel Core i5 2430M - 2,4 GHz
Ram: 2x 4 GB DDR3 1333 MHz
Grafická karta: AMD Radeon HD6630M 1GB + Intel HD Graphics 3000
Pevný disk: 500 GB, 7200 RPM
Zobraziť informácie o autoroviOdoslať súkromnú správuSkype
Zobraziť príspevky z predchádzajúcich:    
Zaslať odpoveď
Nemôžete pridávať nové témy do tohto fóra.
Nemôžete odpovedať na témy v tomto fóre.
Nemôžete upravovať svoje príspevky v tomto fóre.
Nemôžete mazať svoje príspevky v tomto fóre.
Nemôžete hlasovať v tomto fóre.

Powered by phpBB 2.x.x © 2005 - 2012 PCforum, webhosting by WebSupport, edited by JanoF

SEO - optimalizácia pre vyhľadávače

Freebsd