Solved

Problems with CSS filters

Posted on 2006-07-21
4
352 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying 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

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

707 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