We help IT Professionals succeed at work.

Close Icon Not Showing

DS928
DS928 asked
on
153 Views
Last Modified: 2014-08-26
I have a popup thats suppose to have a close button in the upper right.  For some reason it's not showing up.

davidschure.com/about.html

If you click on any of the photos a popup comes up.
Here is the CSS
.close {
    background-image: url('fancybox_sprite.png');
	position: absolute;
    right: -15px;
    top: -15px;
    width: 36px;
	height: 36px;
	cursor: pointer;
	/*z-index: 8040;*/
	

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.close:before {
    background-image: url('fancybox_sprite.png');
	color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}

Open in new window


The rest of it.
<div id='market'><a href="#DSBio"><img src="about/AboutDS.jpg" alt="David Schure" /></a></div>
<a href="#x" class="overlay" id="DSBio"></a>
        <div class="popup">
            <h8>About David</h8><br>
            <h9>Polo has three different levels.  High, Medium and Low Goal.<br>•&nbsp;&nbsp;High Goal polo is considered to be for teams rated twenty goals or over.<br></h9></div>

Open in new window

Comment
Watch Question

CERTIFIED EXPERT
Expert of the Year 2014
Top Expert 2014
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
Ok.....So where would it go, please.

Author

Commented:
Nevermind found it,  Thank you!
CERTIFIED EXPERT
Expert of the Year 2014
Top Expert 2014

Commented:
Remove your .close CSS and add this CSS (not sure if you are supposed to be wanting an image there

.popup:after {
    background: #fff;
    content: "X";
    height: 20px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px;
    text-align: center;
}

Open in new window

Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.