<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://blog.gmo-web.info/feed/rss2/xslt" ?><rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
  <title>GMo Blog - IE7</title>
  <link>http://blog.gmo-web.info/</link>
  <description>Euh ... pffff ... non je sais pas en fait :p</description>
  <language>en</language>
  <pubDate>Fri, 30 Jul 2010 03:20:40 +0200</pubDate>
  <copyright></copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>Does Internet Explorer really progress ?</title>
    <link>http://blog.gmo-web.info/post/2006/08/08/Does-Internet-Explorer-really-progress</link>
    <guid isPermaLink="false">urn:md5:a0043cad402b75bb1107f4424a8772d8</guid>
    <pubDate>Tue, 08 Aug 2006 21:29:00 +0200</pubDate>
    <dc:creator>Guillaume Mouron</dc:creator>
        <category>CSS</category><category>IE7</category><category>IT</category>    
    <description>&lt;p&gt;As I am currently creating my homepage (not an easy task), I am running some tests on Internet Explorer 7 beta 3 and already having a bad feeling ...&lt;/p&gt;    &lt;p&gt;So that was the big piece of news somewhere around 1 year and a half ago ...&lt;br /&gt;
Microsoft is working on a brand new version of Internet Explorer ... &lt;br /&gt;
&lt;br /&gt;
So the purpose here is &lt;strong&gt;not&lt;/strong&gt; to talk about the UI evolutions (&lt;strong&gt;TABS&lt;/strong&gt;) but the CSS, Javascript and XHTML support (or standard compliance hum ...). Well, and also on the whole enhanced security thing with an &amp;quot;event&amp;quot; that occured yesterday ...&lt;br /&gt;
&lt;br /&gt;
So, as already written in the excerpt, I am building my homepage, that will be available soon (at least I hope so :)).&lt;br /&gt;
And I wanted to put some transparency on my page ... Internet explorer has been handling html elements transparency for a long time with, of course, a proprietary instruction &lt;code&gt;filter:alpha(opacity=number)&lt;/code&gt; or &lt;code&gt;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=number)&lt;/code&gt; where number is between 0 and 100.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;


&lt;p&gt;But things have changed since that time ... Mozilla and firefox supported it through the &lt;code&gt;-moz-opacity:number&lt;/code&gt; instruction with number between 0 and 1. And Konqueror and Safari through &lt;code&gt;-khtml-opacity:number&lt;/code&gt; with number between 0 and 1.&lt;br /&gt;
Since then, it has been introduced into CSS 3 specifications (still working draft though) ... And now Opera, Mozilla Firefox and Safari support &lt;code&gt;opacity:number&lt;/code&gt;, number between 0 and 1. Konqueror is supposed to but I can't make it work in the 3.5.1 version, even with the old -khtml-opacity property. See &lt;a href=&quot;http://www.dynamicdrive.com/forums/archive/index.php/t-8138.html&quot; hreflang=&quot;en&quot; title=&quot;Konqueror bug ? -khtml-opacity and opacity property not recognized in konqueror&quot;&gt;here&lt;/a&gt; for some other people being confronted to this problem ...&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;


&lt;p&gt;So as you could probably guess, IE7 beta 3 does not support the opacity property. You have to use their own &lt;code&gt;filter&lt;/code&gt; property, which, of course, is not standard and &lt;a href=&quot;http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.gmo-web.info%2Fg.mouron%2Fblog_related%2FIT%2Fie7-opacity.css&amp;profile=css3&quot; hreflang=&quot;en&quot; title=&quot;Test stylesheet result&quot;&gt;gives you a validator error&lt;/a&gt;&lt;br /&gt;
So ok, I'm probably a bad programmer compared to those working on IE7, building a parser is not an easy thing (I still remember this compilation project ;)) but &lt;strong&gt;would it be THAT difficult to catch the opacity line, retrieve the number, multiply it by 100 and call the SAME function used with their filter thing ?&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
So that was the first point with this &lt;em&gt;opacity&lt;/em&gt; thing ... But as we say in France &lt;q&gt;un malheur n'arrive jamais seul&lt;/q&gt; (I don't know if there is a real translation but literally and poorly translated it would be &lt;q&gt;a misfortune never happens alone&lt;/q&gt; hum ...). So Microsoft has enhanced the security within their browser (or at least, that's what they pretend) and you can't execute ActiveX applets or javascripts if you're not on a &lt;em&gt;trusted&lt;/em&gt; site or you don't specifically allow the page to do so.&lt;br /&gt;
And that's the problem here. The filter property within the css is, appearantly, handled in a way or another by an ActiveX function. So when you include it in you css file, Internet Explorer &lt;strong&gt;prevents&lt;/strong&gt; it from being &lt;em&gt;executed&lt;/em&gt; (so no transparency) and displays a warning message if you want or don't want to execute ActiveX or script content !!&lt;br /&gt;&lt;/p&gt;


&lt;p&gt;&lt;img src=&quot;http://www.gmo-web.info/g.mouron/blog_related/IT/ie7-prevent-opacity.png&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So, as you can see, I'm not convinced by IE7, at least with a ''web developper&amp;quot; point of view, who wants to make some cross-browser websites ... and there are still some differences in interpretation of &amp;quot;pure&amp;quot; xhtml, even if some progresses have been made ... The thing I really hope is that they won't release IE 7 and then do nothing for another 2 or 3 or 4 years ... They &lt;strong&gt;need&lt;/strong&gt; to continue improving their browser because firefox, opera or safari are becoming more and more popular, and support more and more things ...&lt;br /&gt;
&lt;br /&gt;
&lt;ins&gt;Some links :&lt;/ins&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.gmo-web.info/g.mouron/blog_related/IT/ie7-opacity.css&quot; hreflang=&quot;en&quot; title=&quot;Stylesheet used for testing&quot;&gt;the stylesheet&lt;/a&gt; (only the filter part)&lt;br /&gt;
the official &lt;a href=&quot;http://blogs.msdn.com/ie/&quot; hreflang=&quot;en&quot; title=&quot;Official IE7 blog from Microsoft&quot;&gt;IE7 blog&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;PS : Thanks to &lt;a href=&quot;http://n.favrefelix.free.fr&quot; hreflang=&quot;en&quot; title=&quot;Nicolas' website&quot;&gt;Nicolas&lt;/a&gt; for his corrections and &lt;strong&gt;YES&lt;/strong&gt; I use the word &amp;quot;so&amp;quot; too much &lt;img src=&quot;/themes/default/smilies/smile.png&quot; alt=&quot;:)&quot; class=&quot;smiley&quot; /&gt;&lt;/p&gt;</description>
    
    
    
          <comments>http://blog.gmo-web.info/post/2006/08/08/Does-Internet-Explorer-really-progress#comment-form</comments>
      <wfw:comment>http://blog.gmo-web.info/post/2006/08/08/Does-Internet-Explorer-really-progress#comment-form</wfw:comment>
      <wfw:commentRss>http://blog.gmo-web.info/feed/rss2/comments/2</wfw:commentRss>
      </item>
    
</channel>
</rss>