PNG Transparency - jquery cycle not displaying the png in IE

Posted on 2011-10-13
Last Modified: 2012-05-12

Could someone possibly help me? I have a classic asp website running on a Windows 2003 server - standard edition service pack2 - and IIS6. The homepage is using jquery to cycle through a number of images with a png layer over the top. This is working perfectly on FF and Chrome but not in IE.

Is have ie6/ie7/ie8 specific CSS to try and cope with this:

.home .banner .frame {
      background: transparent;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='',sizingMethod='scale');
      display: none;}

.home .banner .content {
      background-color: #D0D0D0;
      margin-bottom: 10px;

I have receievd the code from a CSS developer and it works fine in IE on her server. Is there a problem trying to implement this on Windows server 2003?

Many thanks
Question by:RosalindAbel
    LVL 6

    Accepted Solution

    I have a sneaking suspicion that the reason it's working fine on her server may be through the png fix being applied to her system, as  I have not encountered specific troubles with the server set up you are using.

    To try and fix the problem directly, you could try the jQuery PNG fix.

    Author Comment


    Thank you so much for your help. I included the js file and with a couple of style tweeks it appears to work!  


    Featured Post

    Training Course: Android App Development

    This course will involve creating widgets, customize list view, grid view, spinners, etc. Creating applications using audio, video, and SQLite database. Ending with publication on Google Play.

    Join & Write a Comment

    Suggested Solutions

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now