PDA

View Full Version : Help! w/ semi transparent blog/text area!

faerie_princess
04-11-2003, 11:39 PM
Please help! How do I make a blog with a partially transparent background? What would I add to a code like this to get a partially transparent colored background:

<div style="position:absolute; top: 710; left: 400; width: 195; height: 190; overflow: auto; background-color: pink;">

PS If making the background transparent isn't inserted in the blog code, then how would I make it work for several text areas? :)
MaGiCSuN
04-12-2003, 10:26 AM
<div style="position:absolute; top: 710; left: 400; width: 195; height: 190; overflow: auto; background-color: pink;filter:alpha(opacity=50)">
text here bla bla bla bla bla bla</div>

for several area's you could use this:

add this between your <head> and </head>:

<style type="text/css">
<!--
.box {filter:alpha(opacity=50)}
-->
</style>

then you use the following code for every DIV box:

<div class="box" style="position: absolute; top: #px; left: #px; width: #px; height: #px; overflow: auto; background-color: COLOR">
text here
</div>

now because the class from the div is 'linked' to the style code .box theyw ill all have opacity set to 50

Offcourse you can edit that number yourself, it must be higher then 0 and lower then 100 (100% is in the case above just pink)

Love,
Mirna
faerie_princess
04-18-2003, 05:05 AM
Thanks, I'll try that ;)
faerie_princess
04-18-2003, 05:19 AM
Hi! :) I tried it, and the code worked! :) The only thingis that the words & scrollbar became faded too. How can I fix that?