Background behind text in slider missing in IE9 « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Twicet

not a support question

Background behind text in slider missing in IE9

8 posts from 2 voices

Started 1 year ago by vamcomputers
Latest reply from Dude
This topic is not a support question

Tags:

vamcomputers
Member

I'm sorry is this is a repeat question, but I don't really know the best search terms to look this up.

As far as I know this issue came about after updating to Wordpress 3.2

On this site: http://sideeffectsdesign.com/ the background behind the text in the slider is not showing in IE9. It displays fine in Firefox, Chrome etc. I am not sure about IE8 because I do not have it on my machine.

Can you suggest a fix?

Thanks

Posted 1 year ago #
Dude
Dude

Hey,
we released an update for Twicet some time ago which should fixes IE9 bugs (slider, cufon headlines, etc.). You can download it at http://themeforest.net

Posted 1 year ago #
vamcomputers
Member

Thanks. I didn't see any mention of updates on the themes page.

Posted 1 year ago #
vamcomputers
Member

An update, this did nothing to fix the problem in IE9 or IE8. Can you give me any other suggestions? I urgently need to get this fixed.

Posted 1 year ago #
vamcomputers
Member

Comparing the CSS, I must have added the background box behind the featured text myself using a GIF. I just added it as a background to featured_text. The effect seems to work fine in every browser but IE. How can I achieve the same effect in IE?

http://sideeffectsdesign.com/

Thanks

Posted 1 year ago #
vamcomputers
Member

Ok, I figured this out from a tip I found on a forum. To get the same effect across all browsers, I used this code in the style:

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.3);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

Posted 1 year ago #
vamcomputers
Member

Damn sorry for another update. Solution above does not work in IE8. Still trying to find a way :(

Posted 1 year ago #
Dude
Dude

You can try to use transparent png images as backgrounds instead of css. They'll display fine in IE7+.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top