Asked By
Manir
10 points
N/A
Posted on - 12/02/2012
I am looking for an HTML code that can allow me to make a text area with a given size from which I can be able to scroll up and down. And the background image should be visible behind the text so the text area opacity should be adjusted to do this. How can I achieve this? Kindly please help me.
HTML Style for transparent text areas?
Hi,
You can easily set the text boxes transparency. First you have to create a “div element” with height , width and a background image which you want to see. Then create another “div element” inside the first “div element”. Now set the inner “div element’s” class to “transbox”. Now you can add text in the transparent div. Here’s a sample code:
<html>
<head>
<style>
div.background
{
//add here height, width and background
}
div.transbox
{
//edit your transbox
}
div.transbox p
{
//edit the format of texts you want to use in the text box
}
</style>
</head>
<body>
<div class="background">
<div class="transbox">
<p> text show </p>
</div>
</div>