CODEWITHSUNDEEP
css
Shantanu Gupta
Shantanu Gupta

Reputation: 21198

How can i give transparency effect in CSS?

I am using an image in background of my web page. Now when i uses a table in frontend, i want it to have some transparency effect. ? How can i do that. 

.semiTransparent 
        { 
            filter: alpha(opacity = 50);
            opacity: .5;
        }

this code is not working in CSS file

Upvotes: 2

Views: 859

Answers (2)

Dead account
Dead account

Reputation: 19960

The problem with transparency settings in CSS, is that content/text is also semi-transparent, which makes for difficult reading.

A good "cheat" is to use a semi-transparent PNG as a background image for the div/cell. See http://blog.twipler.com for an example and an image from http://blog.twipler.com/twipler/siteimages/white-alpha-thick.png

Upvotes: 2

David Hedlund
David Hedlund

Reputation: 129802

50% opacity IE:

filter: alpha(opacity = 50);

50% opacity other browsers:

opacity: .5;

Upvotes: 10

Related Questions