For some reason when viewed in ie6 the text becomes VERY blurry. I've included a screenshot.

CommentFileSizeAuthor
screenshot.png95.1 KBleetamus

Comments

whygee’s picture

I have the same problem with IE 8.

Do you have background image in your slider? Someone mentioned that IE has problem handling those images if they're not in the css' folder.

whygee’s picture

I've tried to modify the CSS and put the background file in the theme's folder, but I still have the same problem.

The bold text is jagged and and it's bellow the background image.

The same problem is visible on the demo site: http://www.toursdesemanasanta.com/

I think it might be a CSS problem specific to IE.

whygee’s picture

In the end, I think it's a java script problem. See this link for some background informations:

http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html

Here's the code I'm currently using:

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background:transparent url(topbg.gif) repeat-x scroll center -1px;
padding: 5px;
width: 516px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}