i am thinking of using a slight gradient effect for a css based list menu. i was just wondering what peoples opinions are on the most cross-browser and accessible method:
1.in the li property of the css, specify a background image, made in photoshop with a slight gradient, or
2.i've come across the following visual filter:
filter: progid
XImageTransform.Microsoft.Gradient(etc)
any thoughts?Originally posted by moondance
2.i've come across the following visual filter:
filter: progidXImageTransform.Microsoft.Gradient(etc)
any thoughts?
This is only supported by Internet Explorer, use the background image methodThere's no question. The _only_ method that is cross-browser and accessible is the first, because the second uses IE-only code. Of course, there is an argument that such a minor detail doesn't particularly matter, but if you want valid CSS you should use the first.
Adam"cross browser" and "accessible" rule out the use of #2 right out of the gate...
Use background. Maybe not on LI, maybe on UL or DIV around the UL. Don't put bullets on the LI with list-style either, use background of LI.thanks for the advice
hmm...well...i jsut found out recently that mozilla-type browsers actually do have an opacity filter...and they may end up having some sort of gradient filter like microsoft browsers do...but if you use that filter, then itll show up on msie bu it wont have any damaging effect on other browsers..(i think)but why? there's a perfectly legitamate solution that will work in ALL browsers, even netscape 4 i believe
1.in the li property of the css, specify a background image, made in photoshop with a slight gradient, or
2.i've come across the following visual filter:
filter: progid
XImageTransform.Microsoft.Gradient(etc)any thoughts?Originally posted by moondance
2.i've come across the following visual filter:
filter: progid
XImageTransform.Microsoft.Gradient(etc)any thoughts?
This is only supported by Internet Explorer, use the background image methodThere's no question. The _only_ method that is cross-browser and accessible is the first, because the second uses IE-only code. Of course, there is an argument that such a minor detail doesn't particularly matter, but if you want valid CSS you should use the first.
Adam"cross browser" and "accessible" rule out the use of #2 right out of the gate...
Use background. Maybe not on LI, maybe on UL or DIV around the UL. Don't put bullets on the LI with list-style either, use background of LI.thanks for the advice
hmm...well...i jsut found out recently that mozilla-type browsers actually do have an opacity filter...and they may end up having some sort of gradient filter like microsoft browsers do...but if you use that filter, then itll show up on msie bu it wont have any damaging effect on other browsers..(i think)but why? there's a perfectly legitamate solution that will work in ALL browsers, even netscape 4 i believe