Css Transparencies - how do i do?

epox

Aug 31 2005, 07:09 AM

recently i have seen sites with a cool background and above a div or table with a nice transparency, my question is, how do i make that?

Reply

palladin

Aug 31 2005, 08:44 AM

In CSS Style:

CODE

background: transparent;

In FORM:

HTML

And thats all

i got problem with find this too, some time ago.

Use html tags for html and code tags for other code. Added code and html bbcode tags

Reply

mayank

Aug 31 2005, 09:04 AM

hey thankyou buddy!
Even I am working on my sites design right now and I was looking for something like this only.....thanks a lot!

Reply

littleweseth

Aug 31 2005, 10:39 AM

see the complexspiral demos at css/edge ( www.meyerweb.com/eric/css/edge ) for great justice. IF you thought you'd seen transparent backgrounds....

Incidentally, i've never ever seen the 'transparent' property - i had to look it up. In any case, are you sure it's what you want? It shows the background of the body element as close as i can determine, or whatever it is.

Reply

epox

Aug 31 2005, 05:16 PM

thanks, helpful, but yesterday i fotgot to ask if i can control the alpha channel, and the color of the transparency, thanks!

Reply

beeseven

Aug 31 2005, 09:43 PM

It is possible to control the alpha channel, but I'm not sure about the color.

In the part where you make the thing that you want to be transparent, add "opacity: .90;" or however transparent you want it. It works like a percent, .00 is not opaque, 1.00 is completely opaque, .50 is half, etc.

I don't think that it's technically valid CSS, though. I believe that it will be in CSS3 (whenever that comes out). There are also some other filters that you can use which are described at http://www.w3schools.com/dhtml/dhtml_css.asp (including alpha, I'm not sure if that's better than opacity:).

Reply

Tyssen

Sep 1 2005, 02:26 AM

QUOTE(epox @ Sep 1 2005, 03:16 AM)

thanks, helpful, but yesterday i fotgot to ask if i can control the alpha channel, and the color of the transparency, thanks!

Yes you can but it doesn't work in Opera: CSS opacity and transparency.

Reply

mizako

Sep 2 2005, 07:05 PM

Thanks for the page: http://www.meyerweb.com/eric/css/ It has some awesome examples about css.

Reply

Lozbo

Sep 6 2005, 11:43 PM

QUOTE(beeseven @ Aug 31 2005, 03:43 PM)

In the part where you make the thing that you want to be transparent, add "opacity: .90;" or however transparent you want it.

I found the exact way to apply this was:

CODE

filter: alpha(opacity=50);

Dont know which browsers accept this though...

Reply

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE