search

fredleblanc / roundabout

A 3D Turntable jQuery Plugin.
645 stars 203 forks source link

Problem with opacity in IE7/8 #77

Open elisa74 opened 12 years ago

elisa74 commented 12 years ago

Hello, this is the first time i use roundabout. I have a problem width IE7 and IE8: i use 8 image and i show only the one at the top; I hide all other image with overflow hidden in the ul. I have found a problem with opacity that is not used by old IE versions

IE’s CSS uses filter instead of opacity, and the expected values are different. The filter opacity values range from 100 (completely visible) to 0 (invisible).

I have found a solution adding this 2 line in updateChild function where you define css rules

      filter: "alpha(opacity="+(opacity*100)+")", /* IE6-7 */
      filter: "\"alpha(opacity="+(opacity*100)+"\")", /* IE8 */

where 

      opacity = (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2);

Thanks in advance Elisa

mainkgeemlikkoe commented 11 years ago

Hi there,

I tried adding the 2 lines of code you have above but returns an error saying opacity is undefined. Also, an error saying you can't have two filter rules in strict mode.

I have this issue with roundabout using PNG image with drop shadow. The fading drop shadow displays just black on IE7 & 8. But the same PNG image is showing fine outside the roundabout div/ul list.

I'm using the 2.4.2 version of roundabout.