Menu DEVPPL Search
157.719
MEMBERS
15.939
TOPICS
63.213
POSTS
  562
FLASH GAMES
7.718
TUTORIALS
 

Login

E-mail:
Password:

DIV Transparency

0

Loading

DIV Transparency

Postby Avatarati » Tue Apr 12, 2011 11:27 pm

Moving away from my Photoshop Forums playground into this one. Hi :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 "burning" of the background image within the box.
Avatarati
 
Reputation: 0
Posts: 71
Joined: Sun Feb 28, 2010 4:51 am
Highscores: 0
Arcade winning challenges: 0

DIV Transparency - Sponsored results

Sponsored results

Login to get rid of ads

 

0

Loading

Re: DIV Transparency

Postby Rajmv » Mon Jul 25, 2011 3:35 am

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 http://christopherschmitt.com/2007/10/3 ... nd-beyond/
Rajmv
 
Reputation: 0
Posts: 103
Joined: Thu Jul 14, 2011 8:22 am
Highscores: 0
Arcade winning challenges: 0
^ Back to Top