ansaurus

Question

Answer 1

A:

I'm not sure if your requirement makes sense. Just give the background the desired color.

div.transbg { background-color: #92a7c3; }

Transparency is only interesting for background images or overlayed backgrounds, which doesn't seem to be applicable in your particular case.

BalusC 2010-05-02 04:10:40

Answer 2

A:

i believe you're looking for this,

.transbg { background-color:#4a6c9b; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

and maybe this http://css-tricks.com/rgba-browser-support/

2010-05-02 04:11:53

His problem was rather that "everything" becomes transparent, not that it doesn't work in IE<8 or the >2 year old Gecko/KDE browser engines.

BalusC 2010-05-02 04:16:01

edited before your comment=)

2010-05-02 04:16:59

I recite: *"while this code is making everything transparent"*. Thus transparency works perfectly. It's only not what he expected.

BalusC 2010-05-02 04:20:40

hmm.. should read my link above?

2010-05-02 04:23:58

Answer 3

+1 A:

I suggest using rgba instead of opacity, thusly:

.transbg {background: rgba(red,green,blue,opacity);}

You can also put the rest of your formatting into CSS like this:

body {background-color:#000;
      color:#fff;}
td {background-color: #090;
    color:#fff;}
.leftc {text-align:left;}
.rightc {text-align:right;}
table {borderspacing: 3;}

Now you can remove the font tags and the attributes of td. All you'd need for td is <td class="leftc"> or with the rightc class for text to the right.

See also http://css-tricks.com/rgba-browser-support/

Jonno_FTW 2010-05-02 04:17:31

ansaurus

tags:

views:

answers:

html transparent background

related questions