HTML CSS-ben szeretnék írni egy olyan áttetsző felugró hirdetést, amely az oldal betöltődésekor felugrik, és kéne egy x-gomb amivel bezárom. Szimpla HTML+CSS megoldás létezik?

létezik, csak 2 html oldal kell hozzá

az első ugyanaz mint a második, csak rárakod középre az abolute pozíciós divet, meg egy x-et bele

az x a tiszta oldalra linkel

de a javás megoldás a helyes, +elegánsabb is

[link]

Ezt elvileg megtudod csinálni áttetszőve, de nem tudom mert nem probaltam, CSSel ezt nem lehet normálisan megcsinálni csak js-el....

Előzőp vagyok tessék megcsináltma áttetszővé

<script type='text/javascript' language='Javascript'>

var div = 4;

var sliderEnabled = true;

function scrFol()

{

var ad = document.getElementById( 'slider' );

var dPos = ( document.all ) ? document.body.scrollTop : window.pageYOffset;

if ( ( dPos == 0 ) && ( document.all ) )

dPos = document.documentElement.scrollTop;

dPos += 50;

var cPos = parseInt( ad.style.top );

if ( cPos == 0 )

cPos = dPos-1000;

var posDif = dPos-cPos;

if ( ( ad.style.display == 'none' ) && ( sliderEnabled ) )

ad.style.display = 'block';

if ( posDif > 0 )

ad.style.top = (cPos+Math.ceil(posDif/div))+'px';

else if ( posDif < 0 )

ad.style.top = (cPos+Math.floor(posDif/div))+'px';

if ( sliderEnabled )

setTimeout( 'scrFol()', 20 );

}

function closeFollowSlider()

{

sliderEnabled = false;

document.getElementById( 'slider' ).style.display = 'none';

}

setTimeout( 'scrFol()', 2000 );

</script>

<div id="slider" align="left" valign="top" style="filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=8); border:2px solid #BF0000; z-index:999; display:none; top:0px; position:absolute; top:0px; left:110px; padding:20px; width:470px; background-color:rgba(0,0,0,0.5); ">

<div align="right"><a href="javascript:closeFollowSlider();"><IMG src="http://www.webgalamb.hu/images/close.gif" border=0></a></div>

<p><b>Popup ablak címe</b></p>

Ide képet is tudsz berakni blablabla demó-demó-demó-demóó<br />

demó szöveg demó szöveg

</div>