Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

transparency

Discuss transparency in the Client Side Things forum on Codewalkers.
transparency Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old August 8th, 2002, 05:39 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
transparency
i'm trying to get a transparent "background" image in a table cell, but have solid text (non-transparent) on top of that image. the problem is if i make the table cell transparent, everything i put into that cell becomes transparent as well. any ways around this without having a "fixed-position" layer?
php Code:
Original - php Code 
  1.  
  2. <table>
  3. <tr><td background="myImage.jpg" style="filter: alpha(opacity=50);-moz-opacity:0.5;">
  4. some normal text here
  5. </td></tr></table>
Reply With Quote
  #2  
Old August 8th, 2002, 06:08 PM
Matt Matt is offline
Contributing User
Codewalkers Specialist (4000 - 4499 posts)
  
Join Date: Apr 2007
Location: Florida
Posts: 4,158 Matt User rank is Private First Class (20 - 50 Reputation Level)Matt User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 4 h 10 m 20 sec
Reputation Power: 6
RE: transparency
place a <div> inside the <td> and set the style on the <div> to be non-transparent. It SHOULD work anyways ;)
Reply With Quote
  #3  
Old August 8th, 2002, 06:23 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
doesn't seem to have any effect
Reply With Quote
  #4  
Old August 8th, 2002, 06:49 PM
Kohaar Kohaar is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Denmark
Posts: 147 Kohaar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 37 sec
Reputation Power: 2
Send a message via ICQ to Kohaar
RE: transparency
What about using a transparent gif instead of a jpg file?
Reply With Quote
  #5  
Old August 8th, 2002, 07:13 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
these are user jpeg's being stored and deleted "on-the-fly" so i can't really re-convert them to a new format. i just want the effect to make it display pretty
Reply With Quote
  #6  
Old August 8th, 2002, 08:37 PM
Matt Matt is offline
Contributing User
Codewalkers Specialist (4000 - 4499 posts)
  
Join Date: Apr 2007
Location: Florida
Posts: 4,158 Matt User rank is Private First Class (20 - 50 Reputation Level)Matt User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 4 h 10 m 20 sec
Reputation Power: 6
RE: transparency
Hmm..I have found some other people complaining of this exact same thing on the newsgroups...no answer yet though...I am doing some testing and will let you know what I come up with....

Does this transparency work in any other browser besides IE? Doesn't in my mozilla....
Reply With Quote
  #7  
Old August 8th, 2002, 09:04 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
the "alpha(opacity=50)" is supposed to be for IE and the "-moz-opacity:0.5" is supposed to be for NN6+ to my understanding. i'm not sure other than that
Reply With Quote
  #8  
Old August 8th, 2002, 10:46 PM
Kohaar Kohaar is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Denmark
Posts: 147 Kohaar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 37 sec
Reputation Power: 2
Send a message via ICQ to Kohaar
RE: transparency
I'm not realy sure what you mean with "on the fly", but why not get php to convert the files to gif?
Reply With Quote
  #9  
Old August 8th, 2002, 11:45 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
i don't really know how to answer this without getting into the guts of my code, which is a differant subject. my script works specifically with the jpeg format, it manipulates the image and then redisplays it (with intentions to be saved) - no other format will support the manipulation.

i don't think the gd library supports gifs anymore due to licensing issues anyway, but even if it did that approach won't work.

by "on the fly" i mean that images are deleted almost immediately after they've been created.
Reply With Quote
  #10  
Old August 9th, 2002, 01:08 AM
Kohaar Kohaar is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Denmark
Posts: 147 Kohaar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 37 sec
Reputation Power: 2
Send a message via ICQ to Kohaar
RE: transparency
This works with an absolute-position...

[CODE]
<head>
<style type="text/css">
.test
{
position:absolute;
left:0;
top:0;
z-index:-1
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
</style>
</head>
<body>
<table><tr><td>
<img class="test" src="PK.jpg" alt="" border="0">
<div>Test</div>
</td></tr></table>
</body>
[CODE]
Reply With Quote
  #11  
Old August 9th, 2002, 01:18 AM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
Quote:
any ways around this without having a "fixed-position" layer?

i already knew it could be done that way but thanks, makes a good reference.
Reply With Quote
  #12  
Old August 9th, 2002, 01:41 AM
Kohaar Kohaar is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Denmark
Posts: 147 Kohaar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 37 sec
Reputation Power: 2
Send a message via ICQ to Kohaar
RE: transparency
Sorry... Must have misunderstod you...

Still a codebaby, even if the info reads somthing else :-)
Reply With Quote
  #13  
Old December 9th, 2004, 05:59 PM
notepad notepad is offline
Codewalkers Loyal (3000 - 3499 posts)
  
Join Date: Apr 2007
Location: Central, IL USA
Posts: 3,214 notepad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to notepad
RE: transparency
notepad, are you using a plain background? if so, why not lighten/darken the image using the GD library rather than actually making it transparent?

omg that's a great idea thank you!

you're welcome.
Reply With Quote
  #14  
Old December 9th, 2004, 06:03 PM
nawlej nawlej is offline
Contributing User
Codewalkers Regular (2000 - 2499 posts)
  
Join Date: Apr 2007
Location: Dallas, Tx. USA
Posts: 2,008 nawlej User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 h 7 m 51 sec
Reputation Power: 4
RE: transparency
even if you did respond two years later, lol
Reply With Quote
Reply

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > transparency

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
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
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support |