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)
- css transparent (5)
- css transparent message box (5)
- transparent login page in php (4)
- css background transparent (3)
- css transparent box (2)
- transbox_ajax (2)
- transbox css (2)
- css tutorials login form in transparent box (2)
- php gd transparent corner (2)
- css transparent background (2)
- css transparent search box (2)
- How To Create A Transparent Message Box (2)
- transparent message box css (2)
- transparent box html (2)
- transparent message css (2)
- transparent login box css (2)
- css background opacity messagebox (2)
- message box CSS auto (2)
- transparant table tutorial (1)
- transparant login css (1)
- transparant message ajax (1)
- transbox tutorial (1)
- transbox text is transparent too (1)
- translucent box css scripts (1)
- trans box css internal (1)
- tranparent div css for ajax (1)
- toritorial css trans box (1)
- script search transparan (1)
- rss feed transparent box (1)
- png transparent fpdf (1)
- Transparent Box CSS (1)
- transparent box css background (1)
- tutorial css transpacy box (1)
- transparent technologies tutorial (1)
- transparent search box css (1)
- transparent message box using css (1)
- transparent message box ajax php (1)
- transparent message ajax (1)
- transparent login page in html with css (1)
You will also be interested in ,
- Image preloader using CSS
- Change Mouse cursor of your webpage using css
- Simple CSS Dropdown Menu
- Text Size Switching Using PHP
- CSS or Table?
- Beautiful Christmas countdown timer complete webpage with css download free
- Learn CSS Basics Very Simple Tutorial
- Another cool horizontal menu script using css
- Changing link style properties using css