> -----Original Message----- > From: Michael Dinowitz [mailto:[EMAIL PROTECTED] > Sent: Saturday, January 01, 2005 10:04 PM > To: CF-Community > Subject: CSS layering > > This is a kind of strange question. I'm changing the new layout design > (www.fusionauthority.com/test2.htm) into CSS and I had some ideas that I > wanted to try out. One such idea is to have one dark blue bar across the > entire top of the page (the section where the site name is), a light blue > bar going from top to bottom and the logo on top of the point where these > bars cross. This means that the light blue is under the dark blue which is > under the logo. The logo will then get the dark blue as a bar under some > of it (transparency). This works in theory, but can it work in reality?
It's definitely doable - but I find it more of a pain than doing it manually. We tried something similar with the home page of firstnight.org. The area to the right was to be transparent over a background graphic pinned to the page. The first annoyance is that (of course) each browser support different methods for doing transparency. These can work together pretty well, but it's still annoying. You really have to declare it at least three times: once for CSS3 browsers, once for earlier Mozilla based browsers and once for IE. I believe there was a fourth way in earlier versions of Safari, but the recent versions support the CSS3 method. More annoying (but it may not be an issue for you) is that transparency just doesn't work that well with different types of content. For example Windows font smoothing seems to smooth the fonts to the layer before the transparency is applied. This made any text placed on the layer look really awful. Of course, like the best bugs, it doesn't ALWAYS look awful. I think in our case the problem was compounded by using a background image as well. I had one report of a similar issue from a Mac user, but couldn't verify it myself. In the end it was just simpler to create a transparent looking graphic and use it. That way it worked in everything. Jim Davis ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Special thanks to the CF Community Suite Silver Sponsor - CFDynamics http://www.cfdynamics.com Message: http://www.houseoffusion.com/lists.cfm/link=i:5:141336 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
