Solved

Problems with CSS filters

Posted on 2006-07-21
4
350 Views
Last Modified: 2006-11-18
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
Comment
Question by:dignified
  • 2
  • 2
4 Comments
 
LVL 49

Expert Comment

by:Roonaan
ID: 17152914
filter is (as far as I know) a microsoft internet explorer property only.

-r-
0
 

Author Comment

by:dignified
ID: 17152936
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
 
LVL 49

Accepted Solution

by:
Roonaan earned 50 total points
ID: 17152954
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
 

Author Comment

by:dignified
ID: 17153012
unfortunately I think you're right. Wonder why the browsers all support their own opacity property.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

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

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question