Improve company productivity with a Business Account.Sign Up

x
?
Solved

Problems with CSS filters

Posted on 2006-07-21
4
Medium Priority
?
358 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 200 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

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

595 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