DIV Transparency

TOPIC CREATED: 2011-04-12

First Post rere
Posted: 2011-04-12 22:27:02

Moving away from my Photoshop Forums playground into this one. Hi <!-- s:D --><img src="{SMILIES_PATH}/icon_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D -->

Building a website (running on localhost, sorry no link), and I have these bevelled boxes that I created in Photoshop with a 35% gray setting and soft light blend option. They appear transparent very nicely in Photoshop, but of course when I try to use them on the website, no transparency at all.

Instead, they just show up as - solid gray of course.

Do I need to style a DIV instead of using a gif image? In other words, set up a DIV box and manually make it appear like my gif image through style options?

Additional Info

The boxes are background containers for text portions on the website.
I'm using a background image for the site and the boxes I'm trying to create will be transparent with a slight &quot;burning&quot; of the background image within the box.

1 Replies

Reply #1 rajmv
Posted: 2011-07-25 02:35:23

well, easiest thing to do is using a PNG file instead of a GIF or JPG file.
PNG has built-in transparency.

For IE6 you'll need to read <!-- m --><a class="postlink" href="http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-explorer-ie6-and-beyond/">http://christopherschmitt.com/2007/10/3 ... nd-beyond/</a><!-- m -->


It looks like you are new here. If you want to get involved, click on Join below!