Diskuze: Zašednutí obrazovky

JavaScript JavaScript Zašednutí obrazovky

Avatar
Wayne
Člen
Avatar
Wayne:

Ahoj, mohl by mi někdo poradit způsob jak udělat když kliknu na tlačítko tak se mi rozevře menu to mám a přitom bych chtěl aby zbytek obrazovky okolo menu zašedla nebo zčernala ale samozřejmě aby i tak byl obsah vidět nemá někdo nějakou radu. Předem díky

 
Odpovědět 4. srpna 17:10
Avatar
joci
Člen
Avatar
Odpovídá na Wayne
joci:

Ahoj, skus to urobit tak, ze si to rozdelis na tri vrstvy, kde kazdej nastavis urcity z-index

  1. Tvoja stranka - z-index:0
  2. Cierna vrstva - napr. div cez celu obrazovku(position nastavis fixed, top, right, left, bottom na 0, to ti roztiahne div cez cele okno) a nastavis mu background color cez rgba - aby si nastavil aj prehladnost
  3. Tvoje menu s najvyssim z-indexom
Nahoru Odpovědět 4. srpna 17:40
Svet patrí tím, ktorí sa neposerú.
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Wayne
David Hynek:

na to je jednoduchý fígl :) pod stránku dej ještě prvek, třeba prázdný div a vyplň ho šedou barvu, dej mu průhlednost (nastav mu max. velikost přes celou obrazovku) a nastav mu z-index třeba -1 (nebo ji prostě skryj přes display: none). Vytvoříš tak vrstvu, která je nyní pod hlavní stránkou. Obsah stránky musím mít jako druhou vrstvu, která bude nad ní. Budeš mít tři vrstvy. Šedé okno (první vrstva), obsah (druhá vrstva), a menu (třetí vrstva) A pak když budeš potřebovat, upravíš jen Z-index vrstvám. První bude třeba 10, druhá 0, a třetí 100... používám to třeba na svých stránek u fotogalerie tak se koukni, klidně se pohrab i v kodu, když tě to zaujme... http://ditom.cz/…galerie.html

Nahoru Odpovědět  +3 4. srpna 17:47
Čím víc vím, tím víc věcí nevím.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.