This is a common problem in using an image as a background, specially if the image itself contains contrasting colors. It would make some of the text difficult to read. I have a couple of tips to solve this.I would always love to add pictures as a background, but it always makes the word hard to read. Do you guys have any template for backgrounds that are usually simple yet attractive?
I hope this helps.<style type="text/css">
{
/*your background image*/
div.background {
background: url(mybackground.jpg) no-repeat;
}
/*the transparent box with dark color */
div.transbox {
margin: 30px;
background-color: #333;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
/*make sure your text in each paragraph is white */
div.transbox p {
margin: 5%;
color: #fff;
}
</style>
ForumWeb.Hosting is a web hosting forum where you’ll find in-depth discussions and resources to help you find the best hosting providers for your websites or how to manage your hosting whether you are new or experienced. You’ll find it all here. With topics ranging from web hosting, internet marketing, search engine optimization, social networking, make money online, affiliate marketing as well as hands-on technical support for web design, programming and more. We are a growing community of like-minded people that is keen to help and support each other with ambitions and online endeavors. Learn and grow, make friends and contacts for life.
The world's smartest hosting providers come here to discuss & share what's trending in the web hosting world!