Jump to content
xisto Community
Sign in to follow this  
epox

Css Transparencies how do i do?

Recommended Posts

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?

Share this post


Link to post
Share on other sites

In CSS Style:

background: transparent;

In FORM:

<input name="txt" type="text" id="txt" value="This is text on transparent text box" style="background: transparent;">



And thats all ;) i got problem with find this too, some time ago.

Notice from cmatcmextra:
Use html tags for html and code tags for other code. Added code and html bbcode tags

Edited by cmatcmextra (see edit history)

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

see the complexspiral demos at css/edge ( http://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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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://forums.xisto.com/no_longer_exists/ (including alpha, I'm not sure if that's better than opacity:).

Share this post


Link to post
Share on other sites

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

180887[/snapback]

I found the exact way to apply this was:

 

filter: alpha(opacity=50);

Dont know which browsers accept this though...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.