Opacity for IE Browser 7,8


Author Message
Andres Staeubli

Posted: 8/21/2012 Quote message   

Artisteer 4 Beta 1 will not working background transparency with Windows XP Internet Explorer 8.

On example, to do that with code in CSS write

img
{
opacity:0.4; /* Artisteer own command*/

filter:alpha(opacity=40); /* For IE8 and earlier */
}


Because many users have windows XP and Bill Gates will not update the XP to IE 9, Artisteer blogs using tranyparency will loking poore on that.

My suggestion is for Artisteer 4, please implement the filter:Alpha variant
on the CSS files. On time, i must this do manually.

I think that many users will not change to windows 7/8 from XP, so the IE 8 will be used long times.
 
gcm

Posted: 8/24/2012 Quote message   

I agree with Andres. I'm having a problem with how my horizontal menu is displayed in ie 8. Works perfectly in Chrome and Firefox. But in ie 8 the menu bar is a solid color. I played around with what Andres was saying about the alpha filter. I got the menu to display properly when I implemented the filter.

There are still alot of IE 8 users out there, so I would recommend that Artisteer fix this IE 8 problem
 
Andres Staeubli

Posted: 8/25/2012 Quote message   

Another transparency problem comes within the rgba Information a= semi opacity. This wont work in IE8 on Windows XP. We can this solve with a little bit of math. IE8 has the possiblity for alpha gradients, and this is usable to write convert CSS to this older browser.

Convert To And From Rgba() And #ARGB
http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/


 
Ian Shere

Posted: 8/28/2012 Quote message   

I'll second, third or fourth that suggestion. Made soem great designs on 4 only to discover "unexpected" results in IE8 and lower. Please fix this thanks.
 
Dave

Posted: 9/11/2012 Quote message   

:-/
Version 4 transparent background on the sheet works in chrome but not in internet explorer 10, examples

http://minglingmelodiesandmotors.com/wp-content/uploads/2012/09/chrome21.0.1180.89.jpg

http://minglingmelodiesandmotors.com/wp-content/uploads/2012/09/InternetExplorer10.jpg

 
Tom

Posted: 11/10/2012 Quote message   

Is there a resolution to this. It's a series problem as a lot of people still use IE8.
 
Ashley

Posted: 1/22/2013 Quote message   

Quote Andres Staeubli:

Artisteer 4 Beta 1 will not working background transparency with Windows XP Internet Explorer 8.

On example, to do that with code in CSS write

img
{
opacity:0.4; /* Artisteer own command*/

filter:alpha(opacity=40); /* For IE8 and earlier */
}


Because many users have windows XP and Bill Gates will not update the XP to IE 9, Artisteer blogs using tranyparency will loking poore on that.

My suggestion is for Artisteer 4, please implement the filter:Alpha variant
on the CSS files. On time, i must this do manually.

I think that many users will not change to windows 7/8 from XP, so the IE 8 will be used long times.


Hi Andres,

I have just completed a template. How do I do this adjustment that you imdicated.

I am new at html and CSS.

Please can you assist me?

Regards

Ash
 
GCG

Posted: 2/6/2013 Quote message   

Hi Andres,

Your code works for me too, i just add this code to the template CSS file on the tag: art-sheet {:

filter:alpha(opacity=60);

And now, the transparency works on IE/ and IE8,

You can see on this site: http://www.anatorres.es

Thanks
 
nick

Posted: 2/13/2013 Quote message   

Quote GCG:

Hi Andres,

Your code works for me too, i just add this code to the template CSS file on the tag: art-sheet {:

filter:alpha(opacity=60);

And now, the transparency works on IE/ and IE8,

You can see on this site: http://www.anatorres.es

Thanks


, how did you get the social icons on the upper right hand corner over the backround? is there a plug-in for this? And what plugin did you use for the fullscreen back round? thanks in advance

 
Les

Posted: 2/14/2013 Quote message   

Hi Guys,

Same problem in here, but i couldn't fix the problem.
Tried the art-sheet thing, but it didn't work for me.
Maybe I Am doing something wrong.


Url: www.telesneek.nl/extern/voipdokter

Look forward to your replies.

Thx!
 
Les

Posted: 2/14/2013 Quote message   

BTW,


The page is in progress..
 
Karen

Posted: 2/20/2013 Quote message   

The reply I just received from support....

------------------

Artisteer 4 produces templates based on HTML5 and CSS 3 practices.
As you know IE 7 and 8 do not support all the features, e.g.
opacity, radius ,etc - this is why the design in older browsers looks simplified.

You've set the sheet to be transparent which is set with opacity.
You might want to apply some workaround like
http://stackoverflow.com/questions/1948176/opacity-css-not-working-in-ie8

------------------
I haven't tried the work around yet - I'll be trying it later otherwise I may simply go back to artisteer 3 (although that means creating the template again because artisteer 4 templates are not able to be used in artisteer 3).

Cheers,
Karen


 
Karen

Posted: 2/20/2013 Quote message   

By the way I tried the

filter:alpha(opacity=60);

in the art-sheet and that worked!

Thanks,
Karen
 


Artisteer is not affiliated with or endorsed by Joomla!™ or Drupal™ or WordPress™ Projects.

Other services from Artisteer Team: stock photos, WordPress themes and Joomla templates. Createer and more are coming soon.

Copyright © 2008-2014 by Artisteer, Ltd