[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

PNG Transparency - jquery cycle not displaying the png in IE

Posted on 2011-10-13
2
Medium Priority
?
272 Views
Last Modified: 2012-05-12
Hi

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='http://www.mhmtest7.co.uk/images/ppl/banner-frame-homepage.png',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
Rosalind
0
Comment
Question by:RosalindAbel
2 Comments
 
LVL 6

Accepted Solution

by:
GregArnott earned 2000 total points
ID: 36965901
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.
0
 

Author Comment

by:RosalindAbel
ID: 36967165
Hi

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

Rosalind
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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.
This article discusses four methods for overlaying images in a container on a web page
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

872 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