/    Sign up×
Community /Pin to ProfileBookmark

semi-transparent colour on a table?

Copy linkTweet thisAlerts:
Oct 06.2003

–[b][SIZE=3]RESOLVED[/SIZE][/b]–
I have a background image on my table, and I have a few <TD>’s scattered about the table. I want to colour a few of the <td>’s in a colour… but I also want the background image to show through partially. So I was basically wondering if it’s possible to tell a browser to have a semi-transparent bgcolor on a <td>? do i need the ‘style’ tag?
thanks people ?

to post a comment
HTML

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@pyroOct 06.2003 — In IE, you could use the alpha filter (http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm), though it won't work in other browsers and is not a part of the CSS1 or CSS2 specs...
Copy linkTweet thisAlerts:
@hammerslaneauthorOct 06.2003 — ah right... one thing that might be quite key (that i forgot to mention) is that the page i want the transparency to occur on is actually on an intranet over a windows server network... do you think that code would work if i put it onto the server and different computers tried to view it?

thanks pyro
Copy linkTweet thisAlerts:
@pyroOct 06.2003 — It should work as long as they are browsing with IE 5.5+
Copy linkTweet thisAlerts:
@hammerslaneauthorOct 06.2003 — thanks pyro, you're the don.

i'm having a slight problem with that microsoft website you gave me... is it possible to exclude the text (that is within the td) from the filter span?
Copy linkTweet thisAlerts:
@pyroOct 06.2003 — I believe the filter applies to the element and all it's children, so the text will also be transparent. Here's an example:

[font=monospace]<div style="filter: alpha(style=0,opacity=25); width: 300px; height: 150px; color: #990000; background-color:#99ccff">

<span>Some semi-transparent text/background.</span>

</div>[/font]
Copy linkTweet thisAlerts:
@hammerslaneauthorOct 06.2003 — ah i see... it's a bit annoying if the text is transparent. anyone know of a way that i might exclude the text from the div tag? i tried just swapping about the tags here and there to no prevail... ?

thanks again pyro ?
Copy linkTweet thisAlerts:
@SamOct 06.2003 — I believe if you put the text in a div/span of its own within the td, and define the opacity from there, you should be able to get the result you want (ie, set the td's opacity to 40 and the text's opacity to 100, this might not be true though
Copy linkTweet thisAlerts:
@pyroOct 07.2003 — No, I tried that before I posted, which is what led me to say "I believe the filter applies to the element and all it's children, so the text will also be transparent."
Copy linkTweet thisAlerts:
@FangOct 07.2003 — This will fix it:

[COLOR=green]<span style="position:relative;">Semi-transparent background normal text.</span>

[/COLOR]
Copy linkTweet thisAlerts:
@hammerslaneauthorOct 07.2003 — thanks pyro, you rock

edit: thanks fang... and pyro! :rolleyes:

[RESOLVED]
Copy linkTweet thisAlerts:
@pyroOct 07.2003 — Umm... that was Fang... ?
Copy linkTweet thisAlerts:
@niknewguyMar 14.2006 — [B]ummm i also need help

?

wer would i put this "<div> . . . . </div>" tag in?

do i have to put this tag inside the "<table></table>" tag?

or <td></td>? or <tr></tr>? or somwhere out this tags?

? plz help me[/B]
×

Success!

Help @hammerslane spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...