CSS for text over transparent background over an image

h1. 

http://www.w3schools.com/css/tryit.asp?filename=trycss_transparency



<!DOCTYPE html>
<html>
<head>
<style>
div.background
{
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p
{
  margin: 5%;
  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.</p>
</div>
</div>
</body>
</html>


 #css

From JR's : articles
68 words - 614 chars
created on Oct 02, 2015 at 03:27:22 pm - #
source - versions