Quantcast
Channel: Visual Studio and Visual Web Developer Express
Viewing all articles
Browse latest Browse all 3509

External Style Sheet - Background-image opacity

$
0
0

Hello,

I am using an External Style Sheet and would like to apply an image background to my webpage. The problem is that I am very new to this (I'm a student, second week into the class). My assignment is done and at this point I am just kind of playing/exploring.

I am able to apply the image, but I would like to make it more transparent/faded. I tried using the 'opacity' property in the body{} section of my .css file, however this faded the whole thing (text and all!) not just the image. Is there a simple way to apply this only to the background image? I don't have my program available, however I believe I had something like this going on:

(in StyleSheet.css)

body
{
background-image: url(pic.jpg);
background-repeat: no-repeat;
opacity: .4;
}

Haven't had much luck on the Google side of things, so I thought I'd give this forum a shot.

Thank you for reading.


Viewing all articles
Browse latest Browse all 3509

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>