Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Panel przesuwający się ze stroną + pomoc
Forum PHP.pl > Forum > Przedszkole
cyfilis
Witam. W tym temacie na innym forum -klik- jeden z użytkowników napisał taki kod:

Kod
    <style type="text/css">
    #baner {
    bottom: 0;
    position: fixed;
    }
    </style>
    <script type="text/javascript">
    on=1;
    function g(){
    on=0;
    document.getElementById('baner').style.display='none';
    }
    function f(){
    if(document.all&&!window.opera && on==1){
    document.all['baner'].style.position='absolute';
    document.all['baner'].style.top=parseInt(document.body.scrollTop)+ parseInt(document.body.clientHeight)-document.all['baner'].offsetHeight-5;
    }
    }
    onscroll=f;
    onload=f;
    </script>
    </head>
    <body>
    <div id="baner"><a href="#" onclick="g()" title="ukryj baner">x</a>
    <img src="1.gif">
    </div>


Dzięki, któremu mogę umieścić baner, tekst itp ale wyświetla się on w lewym dolnym rogu ekranu. Chcę dodać tło takie jak np. na tej stronie gdy strona karze nam zaakceptować cookies. Fajnie wygląda to przezroczyste tło i tekst na nim. Jak coś takiego osiągnąć?
john_doe
ten wątek Ci pomoże

klik
michalkortas
Poczytaj o sticky footer oraz o przezroczystości elementów w CSS. W razie czego pytaj wink.gif
MrCoody
przezroczystość możesz tła tego elementu możesz zrobić tak:
Robisz grafikę 1x1px o swoim wymarzonym kolorze a w niej dajesz kanał alfa i zmniejszasz krycie tła. Zapisujesz w PNG i w CSS dajesz background: url(grafika.png);
i masz biggrin.gif

proste biggrin.gif

bo jak masz opacity to działa ono na tło i na tekst, czasami tekstu nie widać biggrin.gif

pozdrawiam, Hubert biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.