Go Back   CodingForums.com > :: Client side development > Graphics and Multimedia discussions

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-03-2003, 01:04 PM   PM User | #1
mattover-matter
Banned

 
Join Date: Mar 2003
Posts: 224
Thanks: 0
Thanked 0 Times in 0 Posts
mattover-matter is an unknown quantity at this point
transcluent background

Hello, How can I apply a 50% opacity to a background?
mattover-matter is offline   Reply With Quote
Old 04-03-2003, 01:31 PM   PM User | #2
light_wt
New to the CF scene

 
Join Date: Apr 2003
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
light_wt is an unknown quantity at this point
Creat your graphic and save it in Gif will works. Jpeg doesn't.

Hope this helps.
light_wt is offline   Reply With Quote
Old 04-03-2003, 01:57 PM   PM User | #3
mattover-matter
Banned

 
Join Date: Mar 2003
Posts: 224
Thanks: 0
Thanked 0 Times in 0 Posts
mattover-matter is an unknown quantity at this point
I mean from a gif and the background of a page
mattover-matter is offline   Reply With Quote
Old 04-03-2003, 02:42 PM   PM User | #4
Quiet Storm
Regular Coder

 
Join Date: Jun 2002
Location: Beyond Lament
Posts: 424
Thanks: 0
Thanked 0 Times in 0 Posts
Quiet Storm is an unknown quantity at this point
What's behind the background?
Quiet Storm is offline   Reply With Quote
Old 04-03-2003, 03:26 PM   PM User | #5
V@no.
Regular Coder

 
Join Date: Feb 2003
Posts: 101
Thanks: 0
Thanked 0 Times in 0 Posts
V@no. is an unknown quantity at this point
Quote:
Originally posted by light_wt
Creat your graphic and save it in Gif will works. Jpeg doesn't.

Hope this helps.
I thought .gif only support fully transparent attribut...am I wrong?
of so, how do I "save" it?
V@no. is offline   Reply With Quote
Old 04-03-2003, 03:37 PM   PM User | #6
mattover-matter
Banned

 
Join Date: Mar 2003
Posts: 224
Thanks: 0
Thanked 0 Times in 0 Posts
mattover-matter is an unknown quantity at this point
yeah, I tried a 50% opacity. it appeared full. How can I make it where it actually supports opacity?
mattover-matter is offline   Reply With Quote
Old 04-03-2003, 03:48 PM   PM User | #7
Quiet Storm
Regular Coder

 
Join Date: Jun 2002
Location: Beyond Lament
Posts: 424
Thanks: 0
Thanked 0 Times in 0 Posts
Quiet Storm is an unknown quantity at this point
Try PNG.

I've had problems making PNGs transparent, but have heard others say it's possible...
__________________
Quíet Storm Designs ~ Art is not what you see, but what you make others see.
· the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·
Quiet Storm is offline   Reply With Quote
Old 04-03-2003, 04:15 PM   PM User | #8
liorean
The thread killer


 
Join Date: Feb 2003
Location: Umeå, Sweden
Posts: 5,575
Thanks: 0
Thanked 84 Times in 75 Posts
liorean will become famous soon enoughliorean will become famous soon enough
You can currently expect op7, moz and iem to fully support alpha transparency images (PNGs). You can also get it in iew, but with some trickery. You can't get repeating backgrounds, for one. KDE said previously that they wouldn't add support for alpha transparency in konq because of the performance impact they would get from them, but that was a long time ago. Maybe it's changed. If not, expect Apple to add it in saf and give back to the community.

Mozilla also added support for CSS3-Color rgba and hsla through the extension values -moz-rgba() and -moz-hsla() not too long ago.


Also note that alpha transparency on anything that's not static has a terrible impact on performance. Have a few alpha transparency images bounce against the sides ot the browser window for awhile, and moz will run the speed of a snail who's had one too many trucks running it over.
__________________
liorean <[lio@wg]>
Articles: RegEx evolt wsabstract , Named Arguments
Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards
liorean is offline   Reply With Quote
Old 04-03-2003, 04:48 PM   PM User | #9
mattover-matter
Banned

 
Join Date: Mar 2003
Posts: 224
Thanks: 0
Thanked 0 Times in 0 Posts
mattover-matter is an unknown quantity at this point
well....

on roys site his image things he has some opacity. Maybe I could do something like that, take a screenshot then use that so it appears to be transparent?
mattover-matter is offline   Reply With Quote
Old 04-03-2003, 05:12 PM   PM User | #10
V@no.
Regular Coder

 
Join Date: Feb 2003
Posts: 101
Thanks: 0
Thanked 0 Times in 0 Posts
V@no. is an unknown quantity at this point
@liorean, thx for the info. but it's just the theory...and on practice how do I do it? what software I can use? how about windows support? IE?
does Adobe Photoshop 7 can do it?
V@no. is offline   Reply With Quote
Old 04-03-2003, 05:25 PM   PM User | #11
liorean
The thread killer


 
Join Date: Feb 2003
Location: Umeå, Sweden
Posts: 5,575
Thanks: 0
Thanked 84 Times in 75 Posts
liorean will become famous soon enoughliorean will become famous soon enough
Adobe Photoshop can do it, but it's not really that good at it. The GIMP know it pretty well. Macromedia Fireworks is excellent at it.

As I said, iew doesn't support it without some trickery.
__________________
liorean <[lio@wg]>
Articles: RegEx evolt wsabstract , Named Arguments
Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards
liorean is offline   Reply With Quote
Old 04-03-2003, 05:39 PM   PM User | #12
V@no.
Regular Coder

 
Join Date: Feb 2003
Posts: 101
Thanks: 0
Thanked 0 Times in 0 Posts
V@no. is an unknown quantity at this point
Quote:
Originally posted by liorean
As I said, iew doesn't support it without some trickery. [/B]
iew = IE eh?
thx!
but, what kind of trickery? if u know any source where we should look for it, would u provide it? thx.
V@no. is offline   Reply With Quote
Old 04-03-2003, 05:46 PM   PM User | #13
liorean
The thread killer


 
Join Date: Feb 2003
Location: Umeå, Sweden
Posts: 5,575
Thanks: 0
Thanked 84 Times in 75 Posts
liorean will become famous soon enoughliorean will become famous soon enough
iew = Internet Explorer for Windows. In this case 5.5 or above. Internet Explorer for Macintosh is an entirely different beast. In most cases, you should consider them entirely separate browsers.

The best source is <http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html>.
__________________
liorean <[lio@wg]>
Articles: RegEx evolt wsabstract , Named Arguments
Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards
liorean is offline   Reply With Quote
Old 04-03-2003, 08:09 PM   PM User | #14
Tails
Regular Coder

 
Join Date: Nov 2002
Posts: 672
Thanks: 1
Thanked 1 Time in 1 Post
Tails is an unknown quantity at this point
What are some good PNG programs? I use Bmp2Png and PngCrush. With those, I made a 10 kb bmp file (200x24, 56 colors) down to about 100 bytes. Gif format could not make it less than 1 kb. Though the conversion programs I used don't seem to do any transparency effects, it did say something about it. But I don't know how to use it. Both are command-line DOS programs btw.
Tails is offline   Reply With Quote
Old 04-03-2003, 08:27 PM   PM User | #15
liorean
The thread killer


 
Join Date: Feb 2003
Location: Umeå, Sweden
Posts: 5,575
Thanks: 0
Thanked 84 Times in 75 Posts
liorean will become famous soon enoughliorean will become famous soon enough
pngcrush, pngquant (this does alpha) and the GIMP (unless you want to pay for the graphics editor) are the tools to use. Photoshop makes really large and unwieldy pngs - I've even seen it produce pngs that are larger than the uncompressed png was.
Macromedia Fireworks is really, really good for pngs. pngcrush can seldom reduce file sizes that very much when Fireworks is the source.
__________________
liorean <[lio@wg]>
Articles: RegEx evolt wsabstract , Named Arguments
Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards
liorean is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:06 PM.


Advertisement
Log in to turn off these ads.