HTML Style for transparent text areas?

Asked By 10 points N/A Posted on -
qa-featured

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.

SHARE
Answered By 0 points N/A #161186

HTML Style for transparent text areas?

qa-featured

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>

 

Related Questions