ansaurus

Question

Problem with PNG image on top of an image in CSS?

Answer 1

+1 A:

You need to add a dot (.) at last selector:

.slides div.caption{

Right now it's not there, but should be.

If the problem is not solved after adding a dot then be more specific. Change

.slides div.caption

to this:

#testimonials a div.caption

And remove Z from behaviour.

And even if it is not solved then give me a link of jQuery script homepage.

metal-gear-solid 2009-04-03 09:40:01

thanks. I added the dot. But it didn't solve the problem ;-)

sanders 2009-04-03 09:42:49

Answer 2

A:

I did change it to this:

.testimonialContainer {height: 123px}

#testimonials{
width: 210px;
height: 125px;
}

.slides div{
    width: 210px;
    xheight:  25px;
    xpadding: 5px;

    /*.slides div.caption{*/
    #testimonials a div.caption{
        background-image: url(../images/h_contentrotator_zwart.png);
        /*background-color:#000000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;*/
        color: #fff;
        width: 210px;
        height: 41px;
        position: relative;
        top: -24px;
        padding: 2px 20px 2px 10px;
        behavior: url("iepngfix.htc")

}

But it still doesn't save the problem.

sanders 2009-04-03 10:07:21

Answer 3

A:

Make sure that you have the right path to the background image. If the style is in the <head> of the HTML page, then the path will be relative to the HTML page. If the style is within an external stylesheet, then the path will be relative to the file location of the stylesheet.

You also might want to get it working without the Internet Explorer 6 PNG fixes first, and then add the fixes back in after you know the rest of the code is correct.

David Kolar 2009-04-03 14:18:00

ansaurus

tags:

views:

answers:

Problem with PNG image on top of an image in CSS?

related questions