I used the pure CSS popup feature for a picture section on a website I developed for a family member. My bad, I didn't test it in IE before completing it. It works great in Firefox, but is definitely not good in IE.
The website is and the section that's acting up is the photo page.
Here's the code that I used which works great in FF. Is there something I need to incorporate into it to get it to work fine in IE? (only relevant code copied over)
from styles.css:
The website is and the section that's acting up is the photo page.
Here's the code that I used which works great in FF. Is there something I need to incorporate into it to get it to work fine in IE? (only relevant code copied over)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<LINK REL="stylesheet" type="text/css" href="styles.css">
<div id="popup"><a href="#"><img src="pics/head-1-t.jpg" width=84 height=100 border=3><span><img src="pics/head-1.jpg" border=3></span></a></div>
from styles.css:
Code:
div a span {display: none;
padding: 5px;
color: #000000;
font-size: 12px;
width: 200px;}
div a:hover span {display: block;
position: fixed;
top: 10px;
left: 150px;
width: 1px;
height: 1px;
padding: 0px;
z-index: 100;
color: black;
border: #984700 2px solid;
background: white;}