ie filters

  • futurebuzz
  • Student
  • Student
  • User avatar
  • Posts: 75
  • Loc: Birmingham England

Post 3+ Months Ago

Hello,

On the site that i am working on, i have some ie filters such as the shadow and alpha filters.

Code: [ Select ]
filter: progid:DXImageTransform.Microsoft.Shadow( Color=000000,direction=155,strength=10,positive=true)


The problem is, they don't show up in any other browsers! Is there a filter type for cross broswers?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

its called flash :wink:

Basiclly the w3c define the css specification (what properties are, the declaration and syntax, and how they display), and then netscape mozilla et al make browsers that come pretty close to the specification. Microsoft then go off and do their own thing.

MSIE doesn't even support all of css1, let alone css2; and they make up their own things (like the filters).

As far as I'm aware the filters will not even become official when css3 comes out.

Flash is the way to create cross browser fancy effects.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

:roll:

Transparency/Opacity/Alpha:

http://www.domedia.org/oveklykken/css-transparency.php

Drop Shadow

You can create a simple drop shadow effect with z-indexing.

Code: [ Select ]
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
    #1{z-index:1;position:absolute;top:100px;left:100px;font-family:sans-serif;font-size:21px;font-weight:bold;color:#C30;}
    #2{z-index:0;position:absolute;top:101px;left:101px;font-family:sans-serif;font-size:21px;font-weight:bold;color:#000;}</style></head>

<body>
<div id="1">Me and my shadow.</div>
<div id="2">Me and my shadow.</div></body></html>
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Untitled Document</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <style>
  8.     #1{z-index:1;position:absolute;top:100px;left:100px;font-family:sans-serif;font-size:21px;font-weight:bold;color:#C30;}
  9.     #2{z-index:0;position:absolute;top:101px;left:101px;font-family:sans-serif;font-size:21px;font-weight:bold;color:#000;}</style></head>
  10. <body>
  11. <div id="1">Me and my shadow.</div>
  12. <div id="2">Me and my shadow.</div></body></html>


Analogy

The English language isn't dictated by the dictionary. The dictionary is dictated by usage of the English language. Australia, New Zealand, South Africa, The United Kingdom, The United States and Canada, to name a few, all use the English language with subtle differences and variations. Some would say that the people of England proper use English correctly...

...I would disagree.
  • futurebuzz
  • Student
  • Student
  • User avatar
  • Posts: 75
  • Loc: Birmingham England

Post 3+ Months Ago

Thanks for the replies folks,

I need to have the x and y code for the mozilla alpha. Needs to fade from one side to another.

Looking for a drop shadow for mozilla too!

Cheers!
  • Truce
  • Guru
  • Guru
  • Truce
  • Posts: 1477
  • Loc: Washington DC

Post 3+ Months Ago

Check out this site:

<a href="http://www.dynamicdrive.com">Dynaimic Drive DHTML Scripts</a>
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

99% percent chance dynamic drive script will completely ignore mozzilla (as with the script you already have!)

What you could do is to have the script you already have and then add a line that applies the mozzilla alpha filter. That way you will get the moving fade on IE and a straight fade on mozzilla (if that makes sense). Its not a perfect solution, but its not a bad one.

Also It would give you some practice at editing the javascript!
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

This is a bit difficult to explain, but I'll try:

1: Set the visibility to hidden for all of the drop down elements.

2: as soon as the fade in effect is initiated, set the visibility to visible

3: once the fade out effect is complete, set the visibility back to hidden.

This should give you menus that instantly appear / dissappear in anything but IE.

Again, not a perfect solution, but it works....
  • futurebuzz
  • Student
  • Student
  • User avatar
  • Posts: 75
  • Loc: Birmingham England

Post 3+ Months Ago

OK thanks for the replies!

I still can't do what i want to do, the only option is to change it. There are after all, billions of possibilities.

rtm223... I have fixed the lack of top menu in mozilla and netscape on that page you reviewed for me! It was a java script conflict. I needed to add an on-load thingy to it. I just settled for removing the other script... It was the fader link effect that appears on this site!

Looking good in IE and average in other browsers...
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

thats why plug and play scripts suck ass!

If you wite your own you get to choose all your variable names and you know them inside out, so any conflicts can be resolved easily.

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 78 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.