View Full Version : Changing The Opacity


tarynupmyheart
07-27-2005, 01:52 AM
i was wondering if anybody knew how to change the opacity of your background.
well in my case, the background of a text box//area.
i have no idea what i should do or what code to use&&i am trying to edit my myspace so that the text box backgrounds are semi-seethrough.
currently it is transparent and due to the background of the site it is hard to read the text, but with the background of the text boxes being white, it is overpowered. so i wanted to change the opacity and find a middle ground
((http://www.myspace.com/xsparklemesweetx)) in case you wanted to see what i was talking about. okay thanks.

pretender
07-27-2005, 07:28 PM
add this between your<body>and </body> tags:

<div style="filter:alpha(Opacity=20); width:100%;">Entire Web Page Contents Here</div>

Change the opacity to what you want
I hope that what ya need

MaGiCSuN
07-27-2005, 08:58 PM
if you only need the background of the textarea to be like that, then edit it in a graphic program.

the opacity filter will make the text translucent aswell .. plus it only works in IE :)

Love,
MIrna

tarynupmyheart
07-28-2005, 12:04 AM
if you only need the background of the textarea to be like that, then edit it in a graphic program.

the opacity filter will make the text translucent aswell .. plus it only works in IE :)

Love,
MIrna

so i should make the text areas background an "image" so to speak?
because i realized that using the filter changed my text too... which is what i was having trouble with...
thanks... i will try that.

oldcrazylegs
07-28-2005, 04:22 PM
The above examples are ok. But if you want it to work in every possible browser do the following.

<div style="filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; width:100%;"></div>

MaGiCSuN
07-29-2005, 07:29 PM
so i should make the text areas background an "image" so to speak?
because i realized that using the filter changed my text too... which is what i was having trouble with...
thanks... i will try that.

yeah the opacity filter changes it all .. no way to only change the background other then edit it in a graphic program. (make it a little lighter etc)

Love,
Mirna