Ako umiestním hociaký obrázok pred Javascriptom. Vždy totiž Javascript prekryje obrázok.
Príklad: chcem obrázok na zavretie scriptu umiestniť nad daný script. Aký argument treba upraviť?
Script je nasledovný:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script>
function closeCommercial()
{
$('#navigation').addClass('none');
}
</script>
<style>
html, body {
height: 100%;
}
body {
position: relative;
}
#container, #navigation {
position: relative;
}
#container {
min-height: 100%;
font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
height: 100%;
}
#navigation {
width: 0px;;
background-color: #fffff;
border-top: 0px solid #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 0px 0px 0px 0px;
}
* html #navigation {
position: absolute;
width: 2px;/*IE5.5*/
bottom: 2;
left: 2;
padding: 2px 2px 2px 2px;
overflow: visible;
top: expression(eval(document.compatMode document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
* html .close
{
left: 0px;
}
.close
{
position: absolute;
left: 710px;
border: none;
}
.none
{
display: none;
}
</style>
<body>
<div id="navigation">
<a href="javascript:void(0);" onclick='closeCommercial()'><img src='crosss.JPG' alt='zavriet' class='close' ></a>
<script type='text/javascript' src='http://ad.sitelement.sk/www/delivery/sp ... '></script>
<script type='text/javascript'><!--// <![CDATA[
OA_show(XXX);
// ]]> --></script><noscript><a target='_blank' href='http://ad.sitelement.sk/www/delivery/ck ... 80ef'><img border='0' alt='' src='http://ad.sitelement.sk/www/delivery/av ... &n=bbf80ef' /></a></noscript>
</div>
Obrazok pred javascriptom
Obrazok pred javascriptom
- Prílohy
-
- 1.PNG (22.24 KiB) 158 zobrazení
Re: Obrazok pred javascriptom
Hod si to do , je to neprehladne...
Kód: Vybrať všetko
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Re: Obrazok pred javascriptom
skús ten odkaz dať až za javascript, alebo mu do class skús pridať z-index. Ak ani jedno nebude fungovať, pozrem poriadnejšie ale keď to nemáš v code je to neprehladné a nechce sa mi to lúštiť
Re: Obrazok pred javascriptom
Nedal som to schvalne do kodu aby bolo vidno, čo z toho je prave ten krizik na zavretie, ktory prekryje javascript.
Ale ako chcete:
Ale ako chcete:
Kód: Vybrať všetko
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
function closeCommercial()
{
$('#navigation').addClass('none');
}
</script>
<style>
html, body {
height: 100%;
}
body {
position: relative;
}
#container, #navigation {
position: relative;
}
#container {
min-height: 100%;
font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
height: 100%;
}
#navigation {
width: 0px;;
background-color: #fffff;
border-top: 0px solid #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 0px 0px 0px 0px;
}
* html #navigation {
position: absolute;
width: 2px;/*IE5.5*/
bottom: 2;
left: 2;
padding: 2px 2px 2px 2px;
overflow: visible;
top: expression(eval(document.compatMode document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
* html .close
{
left: 0px;
}
.close
{
position: absolute;
left: 710px;
border: none;
}
.none
{
display: none;
}
</style>
<body>
<div id="navigation">
<a href="javascript:void(0);" onclick='closeCommercial()'><img src='crosss.JPG' alt='zavriet' class='close' ></a>
<script type='text/javascript' src='http://ad.sitelement.sk/www/delivery/spcjs.php?id=239'></script>
<script type='text/javascript'><!--// <![CDATA[
OA_show(XXX);
// ]]> --></script><noscript><a target='_blank' href='http://ad.sitelement.sk/www/delivery/ck.php?n=bbf80ef'><img border='0' alt='' src='http://ad.sitelement.sk/www/delivery/avw.php?zoneid=XXX&n=bbf80ef' /></a></noscript>
</div>