Home

Tutorials

Articles (6)
HTML/CSS (15)
Javascript (3)
PHP (3)
Paint Shop Pro 7 (7)
Flash CS3 (9)

Design

Avatars (166)
Layouts (8)
phpBB3 Skins (4)
Buttons (20)
Fonts
Emoticons
Adopt

Quizzes

Classical Elements
Your Baby's Looks
Clothes Color

Interactive

Button Rotation
Hosting
Livejournal

HTML & CSS Tutorial: Transparent Images [Firefox, Internet Explorer, All]

This tutorial shows you how to filter image opacity in IE and Firefox. Ever had an image that doesn't blend too well with the background, or ever have something else you want to just kinda show under the image? You can filter the opacity of your images to make them look more transparent. I'll show you how to vary the opacity if your images in all browsers.

Here's an example:

to

I didn't change the image, I simply applied some code to it! And this is the code I used:

<img src="image.gif" style="filter:alpha(opacity=50); opacity: 0.5;">

Internet explorer reads filter:alpha(opacity=#), # ranging from 0 to 100 and standing for percent opacity. Firefox reads opacity: #, the number ranging from 0 to 1.

Forum

Latest Topics...
- Continuing Story OOC
- Hai Hai Everyone :3
- WE SHALL TALK ABOUT MUFFINS!
- Harle is a bastard
- messages of love

Site

Submissions
Terms of Use
Credits
Links & More

Site of the Month

Affiliates

None

Neskaya.Net is © Strawbee 2008. All rights reserved.
Best viewed in 1024 x 768 resolution or higher.