Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Element přes celou stránku</title> <body> <div class="element"></div> <p style="margin-top: 0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis delectus.</p> <p>Nobis inventore totam maiores minima blanditiis saepe aliquam odit sint!</p> <p>Sint quasi animi facere ut debitis dolores a sed velit.</p> <p>Nisi sint vitae ipsum nam quos eius quisquam ex veniam!</p> <p>Distinctio quo et amet aliquid neque numquam totam corrupti. Cupiditate.</p> <p>Laborum eos incidunt eaque ipsum nobis doloribus delectus nulla suscipit.</p> <p>In natus ipsum omnis quia consectetur numquam distinctio ea asperiores.</p> <p>Hic consectetur culpa iure ducimus sit dicta consequuntur vero beatae!</p> <p>Sed cum maxime beatae ratione iure alias. Voluptatem ratione quas?</p> <p>Optio mollitia quo ut maiores officiis ratione fugiat reprehenderit eius.</p> <p>Unde quae repellat quasi dolor laboriosam eveniet quis totam repudiandae.</p> <p>Aperiam quos nulla totam veniam error ipsam iste. Vel magni.</p> <p>Voluptates atque excepturi quisquam minus esse sint aut vitae quasi.</p> <p>Maiores mollitia sit temporibus autem odio voluptate pariatur facilis nam?</p> <p>Dicta modi veniam dolorum corporis nihil pariatur possimus nesciunt consectetur!</p> <p>Vitae dolore eligendi modi rem quidem cum nam officiis sunt!</p> <p>Doloremque sint dicta omnis eligendi totam nemo harum voluptatem temporibus.</p> <p>Aliquid ducimus sunt illo fugiat dolorum a tempore quis deserunt!</p> <p>Explicabo beatae unde odio minus magni rem molestias architecto commodi!</p> <p>Aperiam fuga modi delectus atque repellat voluptatem soluta distinctio minima.</p> <p>Odio dignissimos eaque dolorem velit dolorum nostrum nam nesciunt quia!</p> <p>Quia voluptatibus voluptatum dolorum blanditiis fugiat maiores quo rerum eveniet.</p> <p>Placeat impedit tempore iure quisquam totam enim rem voluptatibus ab!</p> <p>Ipsam officiis aliquid vel quis nihil nulla animi architecto accusantium?</p> <p>Deleniti alias doloribus provident nisi hic blanditiis sed odit perspiciatis.</p> <p>Dolores accusantium labore nesciunt et officiis sapiente ab quasi perspiciatis.</p> <p>Voluptas amet iure accusantium dicta architecto a nostrum explicabo consectetur?</p> <p>Velit ullam saepe fuga optio obcaecati quo asperiores ipsum placeat.</p> <p>Unde quidem voluptas dicta consequuntur eius. Facilis delectus voluptatum eos.</p> <p>Quo asperiores magnam ex optio eum laboriosam corrupti eaque repellendus.</p> <p>Autem dolores labore ut quia blanditiis voluptates suscipit voluptatum quo!</p> <p>Autem nam saepe quos consequuntur illum id vel mollitia quo.</p> <p>Praesentium id itaque recusandae harum corporis dolores. Incidunt cum autem!</p> <p>Odio voluptate unde quas quidem ipsa voluptas voluptates alias placeat!</p> <p>Ipsum velit ipsam quaerat perspiciatis sequi officiis praesentium sit asperiores.</p> <p>Officia culpa sit dolore quas facere mollitia dicta maiores dolores.</p> <p>Laboriosam voluptate veritatis adipisci harum dolore illum hic laborum est?</p> <p>Voluptates illo qui doloribus saepe facilis quia maiores exercitationem numquam.</p> <p>Iste fugit quos ea deserunt accusamus quaerat! Necessitatibus ut inventore.</p> <p>Libero ducimus deserunt voluptas similique minus iusto numquam possimus dolorem.</p> <p>Similique commodi rerum culpa est placeat non sed. Asperiores iure.</p> <p>Ea nisi nostrum molestiae dolor unde. Illo consectetur aspernatur est.</p> <p>Nulla impedit nam accusamus dicta culpa amet mollitia odit ea.</p> <p>Reiciendis quae earum magni velit est incidunt ea hic ipsam.</p> <p>Iusto deleniti nobis eaque temporibus error ipsum autem minus fugiat.</p> <p>Distinctio iusto hic tenetur facilis totam aliquid incidunt animi suscipit!</p> <p>Sint error laboriosam facere aliquid maiores consectetur ut aut est!</p> <p>Vero in sed ullam molestias sint nam ut et asperiores?</p> <p>Aperiam pariatur quasi minima suscipit magni quia officiis minus recusandae.</p> <p style="margin-bottom: 0">Iste velit assumenda odio vel quisquam temporibus dolorum expedita amet.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {position: relative; margin: 0;} .element {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: .8; filter: alpha(opacity=80)}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>