Short Notes & Video Tutorials on Business & Computer

SignUp as a Member Member Login   
Go to Our Training Videos Section

Transparent Background using CSS
[ More Web Site Development ][ More Web Site Development ]

By Sayed Ahmed on 0000-00-00

Share with title  

The following CSS or similar can be used to put text/image on a transparent box. The background (background image if any) will be seen through the box

  width: 500px;
  background: url(test.jpg) repeat;


  width: 500px;
  height: 500px;
  margin: 30px 30px;
  background-color: #ffffff;  

div.transparentBox p
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;

<div class="backgroundImg" ....>
<div class="transparentBox" .....>
<p ...>

Rate The Article: 1   2   3   4   5  
Rated: 0/5 by 0 Users

SignUp as a Member Member Login   

Further Reading


CSS Topics to learn

Web Site Development

How to Use Multiple Browsers on a Single Machine

Online Resources: Photoshop Tutorial/Courses in Computer Graphics

Tutorials on Photoshop Tools

Image Types to be used in Web-Sites

Transparent Background using CSS

CSS Selectors: Reference

Lesson 1: How to build a simple website from scratch

Search Engine Optimization

Very Useful Resource for Search Engine Optimization


Cool PHP Libraries to Use in Your Projects

Please note that our sole purpose is to provide useful contents/information

Creative Commons License
This work by is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.

Privacy Policy Terms of Service

Warning: mysqli_close(): Couldn't fetch mysqli in /home4/m4p2f2v3/ on line 14