ansaurus

Question

Answer 1

+2 A:

You don't put quotes around it in your CSS declaration. Just

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

Source: http://msdn.microsoft.com/en-us/library/ms532967(VS.85).aspx

Robert 2010-10-12 21:18:09

+1 for MSDN docs.

BoltClock 2010-10-12 21:18:55

Thanks for the quick response! I tried with and without the quotes. The filter still eats at least one property into the next selector...

Nick 2010-10-12 21:21:08

Answer 2

+1 A:

Avoid the quotes-vs-no-quotes IE7/IE8 syntax issues by using the simplified form of the alpha filter:

filter: alpha(opacity=50);

bobince 2010-10-12 21:30:37

Answer 3

A:

The Alpha filter was just to simplify the problem (I am really using the Matrix filter) so that fix doesn't apply.

The quotes/no-quotes fix didn't work either so the answer I came up with was to remove the filter style from the stylesheet and place it in a style tag on the master page. This allowed me to use to mutliple selectors with the filter property - each in their own style tag on the page.

<html>
<head>
<style type="text/css">
      #square2{padding:10px;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";}
</style>
</head>
</html>

This made the IE7 parser recognise the end of the property, but has the downside of having to maintain style in more than one place.

Nick

Nick 2010-10-13 09:18:29

ansaurus

tags:

views:

answers:

CSS filter property in IE7 won't close

related questions