The below code will explain you how to make a transparent box and inside that some text contents.
This is very simple code and can be created using table tags also.
The source code looks like this:
<html> <head>
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(anyname.jpg) repeat;
border: 2px solid black;
}
div.transbox
{
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* for Mozilla */
-moz-opacity:0.6;
}
div.transbox p
{
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body>
<div class="background"> <div class="transbox"> <p>This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. </p> </div> </div>
</body> </html>
Incoming search terms:
- css login form transparent (6)
- transparent login page in php (5)
- css transparent (5)
- transparent login box css (5)
- css transparent message box (5)
- transparent login css (3)
- css transparent login box (3)
- css background transparent (3)
- css transparent search box (2)
- message box CSS auto (2)
- transbox css (2)
- Transparent Box CSS (2)
- transbox_ajax (2)
- css transparent background (2)
- How To Create A Transparent Message Box (2)
- transparent box html (2)
- transparent css login form (2)
- php gd transparent corner (2)
- css login transparency (2)
- transparent message box css (2)
- transparent message css (2)
- css background opacity messagebox (2)
- css login form (2)
- css transparent box (2)
- php login with css (1)
- trans box css internal (1)
- pdf toutorials on css 2 log in form (1)
- tutorial for transparent transbox in css (1)
- transbox text is transparent too (1)
- transbox tutorial (1)
- tutorial css transpacy box (1)
- translucent box css scripts (1)
- tranparent div css for ajax (1)
- toritorial css trans box (1)
- text in transparent box css1 (1)
- script transparent tips (1)
- script search transparan (1)
- rss feed transparent box (1)
- png transparente fpdf (1)
- png transparent fpdf (1)
You will also be interested in ,
- Beautiful Christmas countdown timer complete webpage with css download free
- Text Size Switching Using PHP
- Image preloader using CSS
- Buzzing or vibrating the login form using jquery
- Autosuggestion / Autocomplete script using PHP and Ajax
- Another cool horizontal menu script using css
- Simple CSS Dropdown Menu
- Changing link style properties using css
- Simple auto suggest script using ajax php css and tags from wordpress

