Re: [WSG] CSS opacity filter
On Feb 17, 2007, at 4:59 PM, Christian Fagan wrote: Thanks for your response Tee. Good work for actually finding the style sheet attached to the drop down menu in example 1. "I believe filter does work for Opera, and absolutely for Safari. As of IE 5.5+, I don't believe it works unless you have declared IE's Proprietary Filter, which I don't see in your style sheet, and I don't see you have used conditional comments to serve IE." Good to hear that it works on Safari but the IE issue is baffling. why, if the style sheet doesn't contain the correct "Proprietary filter" would it display perfectly in IE 5.5+??? I have seen it work on at least 6 other computers so definitely not just me and my and my dodgy browser... Hi Christian, Sorry, my mistake You already included IE's Proprietary filter directly in your CSS filter: alpha(opacity=60); So you are right that it works for IE 5.5 + - I see it works for IE 6 and 7. I never use any other IE's Proprietary filter except the Alpha PNG filter once or twice which I have it inserted in conditional comments, so when I wrote my mind was occupied by CC, didn't see that you have already included it in your stylesheet. My Standalone IE 5.5 couldn't launched, sorry I can't check that for you. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: Re: [WSG] CSS opacity filter
Thanks for your response Tee. Good work for actually finding the style sheet attached to the drop down menu in example 1. "I believe filter does work for Opera, and absolutely for Safari. As of IE 5.5+, I don't believe it works unless you have declared IE's Proprietary Filter, which I don't see in your style sheet, and I don't see you have used conditional comments to serve IE." Good to hear that it works on Safari but the IE issue is baffling. why, if the style sheet doesn't contain the correct "Proprietary filter" would it display perfectly in IE 5.5+??? I have seen it work on at least 6 other computers so definitely not just me and my and my dodgy browser... Tee G. Peng wrote: Hi Christian, On Feb 17, 2007, at 2:45 AM, Christian Fagan wrote: Hello list, My question is regarding the CSS opacity filters: opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; 1st project: www.cataloguecentral.com.au (top left dynamic menu) 2nd project: www.fagandesign.com.au/PROJECTS/UmamiByDesign/indexNew3.html (top right menu) In the first, the opacity attribute displays well across most major browsers (IE 5.5+, FF, M, N - not Opera, not sure Safari). In the second, the exact same declaration displays well in all browsers but IE... I believe filter does work for Opera, and absolutely for Safari. As of IE 5.5+, I don't believe it works unless you have declared IE's Proprietary Filter, which I don't see in your style sheet, and I don't see you have used conditional comments to serve IE. In the first example, the reason it doesn't work in Opera, which I think is because you declared the filter in the first descendent of ul. ul li a:hover { text-decoration: none; opacity:.100; filter: alpha(opacity=100); -moz-opacity: 1.0; background-color: #303030; color: #ff !important; } My guess is Opera needs more specific declaration which is the descendent of li, whereas Safari and FF are more lenient. ul ul li:hover {...} On a side note, you may want to change your 2nd project's right vertical menu from to ul. Home About Services In markup, p is for paragraph, not something else. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Christian Fagan Fagan Design 0432 220 579 [EMAIL PROTECTED] www.fagandesign.com.au ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS opacity filter
Hi Christian, On Feb 17, 2007, at 2:45 AM, Christian Fagan wrote: Hello list, My question is regarding the CSS opacity filters: opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; 1st project: www.cataloguecentral.com.au (top left dynamic menu) 2nd project: www.fagandesign.com.au/PROJECTS/UmamiByDesign/ indexNew3.html (top right menu) In the first, the opacity attribute displays well across most major browsers (IE 5.5+, FF, M, N - not Opera, not sure Safari). In the second, the exact same declaration displays well in all browsers but IE... I believe filter does work for Opera, and absolutely for Safari. As of IE 5.5+, I don't believe it works unless you have declared IE's Proprietary Filter, which I don't see in your style sheet, and I don't see you have used conditional comments to serve IE. In the first example, the reason it doesn't work in Opera, which I think is because you declared the filter in the first descendent of ul. ul li a:hover { text-decoration: none; opacity:.100; filter: alpha(opacity=100); -moz-opacity: 1.0; background-color: #303030; color: #ff !important; } My guess is Opera needs more specific declaration which is the descendent of li, whereas Safari and FF are more lenient. ul ul li:hover {...} On a side note, you may want to change your 2nd project's right vertical menu from to ul. Home About Services In markup, p is for paragraph, not something else. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] CSS opacity filter
Hello list, My question is regarding the CSS opacity filters: opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; I am working on a couple of projects at the moment, both having a menu structure that makes use of these declarations. 1st project: www.cataloguecentral.com.au (top left dynamic menu) 2nd project: www.fagandesign.com.au/PROJECTS/UmamiByDesign/indexNew3.html (top right menu) In the first, the opacity attribute displays well across most major browsers (IE 5.5+, FF, M, N - not Opera, not sure Safari). In the second, the exact same declaration displays well in all browsers but IE... Can anyone explain why? And, for that matter, can anyone explain the general browser acceptance of the opacity attributes? -- Christian Fagan Fagan Design [EMAIL PROTECTED] www.fagandesign.com.au ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***