background image transparency

  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

hey, how do i make an image transparent using css?

filter:Alpha(Opacity=15)

can i just put that in:

Code: [ Select ]
.nav_bg
background-url("urlofimagehere");
}
  1. .nav_bg
  2. background-url("urlofimagehere");
  3. }


???
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

As far as I understand the opcity attribute and filter online work on colours.

But try it anyways
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Well the filters will apply to the entire element and anything that is nested within that element. That means you can make the background image transparent, but the text and <b>anything else</b> in that element will become transparent too. Which sucks.

Um, in this thread someone was asking a similar thing, and I suggested they use a semi-transparent .png and use a hack from ALA (whose servre is down at the mo) to get it working properly on IE.

In theory it should work but it Sumen could not get it to. I never got round to finding time to try for myself.

In addition, if you try doing a lot of this sort of thing, it will really mess with your render times, browser are not designed for image manipulation.

The only other option is eric meyer's complex spiral, which can work in IE ONLY IN CERTAIN CIRCUMSTANCES. See that here:

http://www.meyerweb.com/eric/css/edge/c ... /demo.html
http://www.meyerweb.com/eric/css/edge/c ... lassy.html
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

yeah i tried it, and it made the whole table transparent... looks cool but not what i need :(

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 98 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.