Solved

Problems with CSS filters

Posted on 2006-07-21
4
346 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

758 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now