Background Opacity – not text and imgs! >:(

  • Resolved alex54

    (@alex54)


    14 years, 4 months ago

    i want to set post’s background to be kind of transparent.
    so i did this:

    .post {
	background: #f0f0f0;
	opacity:0.6;
	padding-top: -30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 20px;
	width: 620px;
	border:1px solid #999;
	font-family: trebuchet ms;
	color: #382D2C;
	font-size: 13px;
}

    but this also made the text and images of my posts also transparent.
    is there i can make the background the only things with opacity?

    so my blog is gagawatch.net
    i know, its a mess… its my first time.
    im using the toolbox theme
    wordpress v.3

Viewing 2 replies - 1 through 2 (of 2 total)

  • hi,
    if you set opacity on a div via css, everything in that div will be transparent.
    if you want to have only a transparent background try using a png semitransparent image as div background. this technique should work but it may give you some problems in older IE versions so you have to use a ie png fix method.

    bye

    Yeah weirdly transparency is inherited, so even if you had another DIV on top with full opacity it’d still be .6. Bit annoying really.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background Opacity – not text and imgs! >:(’ is closed to new replies.