How to stop popup being transparent

hanniella

Hi,

For some reason my onclick/off click pop up window is see through and the text underneath can still be viewed, which makes reading the popup difficult. Can anyone helpP This is my javascript:

Expand|Select|Wrap|Line Numbers

 <script language="Javascript">

function ShowPop(id)

{ 

    document.getElementById(id).style.visibility = "visible";

}

function HidePop(id)

{

     document.getElementById(id).style.visibility = "hidden";

}

</script>

And my HTML:

Expand|Select|Wrap|Line Numbers

 <span style="position:relative;">

<span id="termName" class="popup">

<p>Blah

<p>Level: 1

<p>Points: 40>

</span><a href="javascript:void(0);" onMouseover="ShowPop('termName');" onMouseout="HidePop('termName');">Blah</a></span>

And the CSS

Expand|Select|Wrap|Line Numbers

 .popup

{

   position:absolute; left:10; top:30; width:390; height:220;
 
   border-style:solid;

   border-width:0;

   border-color:white;

   background-image: url(images/usercard.gif); 

   padding:5px;

   color:black;

   visibility:hidden;

   z-index:2;

}

Thanks in advance
Hannah

Dormilich

I’m not entirely sure whether that’s the reason, but <p> is not allowed inside <span>.

How to stop popup being transparent

re: How to stop popup being transparent

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about