• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 355
  • Last Modified:

Problems with CSS filters

I am having problems using the filter:gray property in CSS.

Here is my code:

<img src="images/navImg4.jpg" width="105" height="307" id="navImg1" style="filter:gray; z-index:10;" />

I have tried in both the latest versions of Safari and Firefox.
0
dignified
Asked:
dignified
  • 2
  • 2
1 Solution
 
RoonaanCommented:
filter is (as far as I know) a microsoft internet explorer property only.

-r-
0
 
dignifiedAuthor Commented:
Maybe you are right, but still there is a way to access these in safari and firefox.

Oh, I think I remember something for opacity, you have to use -moz-opacity: 1   or something like that.

What would it be for grayscale?
0
 
RoonaanCommented:
For now the alternative is using 2 images, or a two-combined into one single background-image + background-position tweaks.

It might be in css 2 or 3 possibly, but that doesn't help you at the moment.

-r-
0
 
dignifiedAuthor Commented:
unfortunately I think you're right. Wonder why the browsers all support their own opacity property.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now