Re: [css-d] Opacity question...
On 5/24/10 5:44 PM, Philippe Wittenbergh wrote:
On May 25, 2010, at 5:26 AM, Christopher Schmitt wrote:
div {background-color: rgba(255,255,255,0.5);
That won't work in IE/Win, I believe, but it will in pretty much
anything else of recent vintage. Alternatively, you could create a
smallish PNG which is all white and has 50% opacity and drop it into
the background of the div. That will work in all current browsers
including IE/Win.
Also, you can use IE filter for gradients, which allow for opacity:
div {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600,
endColorstr=#6600 ); }
#66FF00 would be the hexadecimal color. Then the last hexadecimal value
would be the opacity of the color.
With the caveat(s) that:
1. the element must have 'hasLayout' [1] set to true for those filters to
work correctly most of the time
2. those filters affect the display of text / font smoothing, and not exactly
as an improvement, esp on Win XP.
3. those filters may affect how other -descendent- element act, see [2] for
example
(I prefer the semi transparent png file my self, and opaque backgrounds for
old browsers such as IE 6).
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.satzansatz.de/cssd/tmp/alphatransparency.html
Philippe
Here's a tool I'm developing that automates the process for all the
methods discussed. It's a first draft, but it may be of some help:
http://webwiz.robinshosting.com/temp/easy-see-thru-backgrounds/
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari not support dotted border prop?
wanted to confirm with others here whether Safari properly supports border-style:dashed and border-style:dotted When I used 'dotted,' Firefox 3.6.3 renders a dot; Safari 3.0.4 renders it as a dash. that might be my problem, but Safari 4 on this little machine is not pretty. thanks! J __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS way to code persistent menu?
by persistent menu, I mean the menu/banner stays put. as user scrolls down to see more of your page, what had been at the top appears to slide underneath the banner, which remains visible at all times. I know that this can be done with framesets, but wonder (and hope) that there's a CSS way of doing this now. Here's a link to graphically show what I mean: http://www.coffeeonmars.com/menupersist.jpg thanks for any hints. J __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS way to code persistent menu?http://cfajohnson.com/testing/fixedbar.html
On Tue, 25 May 2010, John wrote: by persistent menu, I mean the menu/banner stays put. as user scrolls down to see more of your page, what had been at the top appears to slide underneath the banner, which remains visible at all times. I know that this can be done with framesets, but wonder (and hope) that there's a CSS way of doing this now. Here's a link to graphically show what I mean: http://www.coffeeonmars.com/menupersist.jpg http://cfajohnson.com/testing/fixedbar.html -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS way to code persistent menu?
De: John
Para: css-d@lists.css-discuss.org
by persistent menu, I mean the menu/banner stays put. as user scrolls
down to see more of your page, what had been at the top appears to
slide underneath the banner, which remains visible at all times.
I know that this can be done with framesets, but wonder (and hope)
that there's a CSS way of doing this now.
Wrap the menu/banner within a DIV and set position fixed for that DIV.
HTML
div id=top
menu/banner markup
/div
CSS
#top {
position:fixed;
...
}
Regards
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari not support dotted border prop?
John wrote: wanted to confirm with others here whether Safari properly supports border-style:dashed and border-style:dotted When I used 'dotted,' Firefox 3.6.3 renders a dot; Safari 3.0.4 renders it as a dash. that might be my problem, but Safari 4 on this little machine is not pretty. thanks! J Safari/4.0.5, and the current WebKit nightly, support the dotted border property on Mac OS X 10.4.11. Best, ~d -- desktop http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari not support dotted border prop?
On May 25, 2010, at 4:07 PM, David Laakso wrote: Safari/4.0.5, and the current WebKit nightly, support the dotted border property on Mac OS X 10.4.11. thanks! J __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS way to code persistent menu?
On 5/25/10 3:50 PM, John wrote: by persistent menu, I mean the menu/banner stays put. as user scrolls down to see more of your page, what had been at the top appears to slide underneath the banner, which remains visible at all times. I know that this can be done with framesets, but wonder (and hope) that there's a CSS way of doing this now. position: fixed; The wiki shows how to fake it in IE 6 (if you care...) http://css-discuss.incutio.com/wiki/Ghost_In_The_Box Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
