dean.edwards.name/weblog/2008/01/ie7-2/

IE7.js version 2.0 (beta)

I’ve finally updated my IE7 library. :-)

IE7 was in alpha for a long time. The last version was very stable but I always intended to issue a serious update. The release of the real IE7 browser threw me off course a little and then I got bogged down with base2.

I’ve made some important changes to the script which I’ll now outline.

Some fixes are removed completely:

Usage

You can link directly to the files on google:

http://ie7-js.googlecode.com/svn/version/

To upgrade MSIE5-6 to MSIE7 include the following in the <head> of your page:

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

To upgrade MSIE5-7 with advanced CSS features missing from MSIE7 use the following:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

You do not need to include IE7.js if you are using IE8.js.

Demo

http://ie7-js.googlecode.com/svn/test/index.html

Links

The new home of the IE7 project is:

http://code.google.com/p/ie7-js/

And I’ve created a Google Group for discussion and questions:

http://groups.google.com/group/ie7-js

Comments (210)

Leave a comment

dean 的 IE7 Library 釋出新版… dean 的 IE7 Library 釋出新版 這次從 0.9 直接跳到 2.0 beta ,而且拆成了 IE7.js 和 IE8.js 兩個部份。 IE7.js 把功能只精簡到微軟正牌 IE7 有實作的部份,其他加強的部份就移到 IE8.js 上了 (…

Nice man, thanks a lot!

  • Comment by: Byron
  • Posted:

excellent idea with the “hotlinking thing” from a google server that reduce some traffic and i think google servers are one of the most avaible servers on the net. anyway: great job!

  • Comment by: Maike
  • Posted:

Good job, but are you sure that Google allows direct links? No one wants its sites broken after a policy change…

[...] Dean Edwards does a magnificent job and releases IE7 2.0 (a set of javascripts which addresses (most of?) the CSS issues in IE7). Next to the merging into 1 file, the most important change is that “IE7.js includes only fixes that are included in the real MSIE7 browser; All other enhancements are moved to IE8.js.” which is more than ingenious imo! Spread the word! [...]

Very nice work Dean! Kudos!

  • Comment by: Bramus!
  • Posted:

I’d be really interested to hear why you got fed up with Sourceforge. I host a project with them and am starting to think that wasn’t a smart move on my part.

  • Comment by: MMJ
  • Posted:

Do the google links also work with the https protocol ?

Seems not : it wants a username and password.

@David – I have permission from Google to source my code from their servers.

From a Google employee:

We (the Google Code team) are fine with this, as long as everything is appropriately open source licensed.

  • Comment by: -dean
  • Posted:

I’d be really interested to hear why you got fed up with Sourceforge.

Lots of little things really. The occasional email failure, no emails for ages then suddenly they all come at once. This made me look unresponsive on the mailing list. But mostly I just hated the SourceForge interface. It is horribly complicated and slow. I much prefer googlecode.

  • Comment by: -dean
  • Posted:

IE7 2.0 测试版发布… IE的众多CSS错误实现及各种显示bug被众Web开发人员怨念了无数遍,除了CSS hack与复杂的跨浏览器JS代码库外,我们有了更优秀的解决方案——Dean Edwards的IE7代码库。使用该方案有极佳的兼容性—…

  • Trackback by: 博课
  • Posted:

Thanks a lot Dean! :)

  • Comment by: fatihturan
  • Posted:

[...] I just stumbled on this, bookmarking for later review… but Dean Edwards has upgraded his IE7.js to version 2.0 (beta). Now available on googlecode. In a nutshell, IE7 is a JavaScript library to make Internet Explorer behave like a “standards-compliant browser”, fixing CSS issues and makes transparent PNG work correctly under IE5 and IE6. It appears to “fix up” IE6 close to how IE7 (an improvement) operates. [...]

This is so brilliant. It appears that IE8.js is a superset of IE7.js, so my first instinct is to always include IE8.js and not worry about IE7.js ? Would you recommend so? In other words, under which circumstances should I include IE7.js and not IE8.js?

@Kevin – IE8.js adds lots of fixes that are not in MSIE7. Some of these fixes are not included in other browsers either (e.g. :nth-child()). So if you are happy with MSIE7 as a base line then you should use IE7.js. Because you are using conditional comments then MSIE7 does not bother to download the IE7.js script. This will result in faster page loads for all browsers other than MSIE5/6.

  • Comment by: -dean
  • Posted:

This is great, thx!

I used the last alpha version in my last project and I’m glad to see version 2 beta out now!

  • Comment by: Jacob Dreesen
  • Posted:

This is really quite fantastic. Great work.

Unfortunately I doubt I’ll be able to use it on the majority of my sites. On larger pages this just slows down the page load to a crawl (IE6) and I’m experiencing a good 2-4 second delay where the browser just locks up.

  • Comment by: Andrew Powell
  • Posted:

@Andrew – can you please post a link to one of the larger pages that is slowing down so noticeably? It might be something I can fix.

  • Comment by: -dean
  • Posted:

[...] Deans Edwards vient de mettre jour sa librairie javascript IE7 qui permet notamment de transformer le navigateur de microsoft en un navigateur respectant les standards web. Cette dernière permet de résoudre les problèmes liés au CSS et la transparence des fichiers PNG sous IE5 et IE6. [...]

[...] Mit der IE7 JavaScript Library kann man dem MSIE die standardkonforme Darstellung von Webseiten beibringen. Der Internet Explorer lernt also ein bisschen HTML und CSS und dazu noch die korrekte Alphakanaldarstellung von PNG-24 Dateien. (Also transparente PNG Grafiken) Das ist meines Erachtens die derzeit beste Allroundkur für den Internet Explorer. (Siehe auch den Artikel der Webkrauts zu Transparentzeffekten mit PNG-24 und CSS für Anregungen… ) Der Autor Dean Edwards liefert eine Demo Site und eine Google Support Gruppe mit. Das Projekt steht unter der OpenSource Lizense MIT. [...]

I just had a look to your test pages and it is amazing! IE works really like a standard-compliant browser! billion thx for this great work, I think it’ll help me a lot and saves much time, I’m so happy!

  • Comment by: Jacob Dreesen
  • Posted:

[...] More info on the webpage of the developer Posted by Dirk Filed in Cool Tools, Developer’s Dream [...]

[...] Now the IE7 browser itself has come out, Dean has updated his library to make sense in the new world, resulting in the new IE7.js 2.0 release which features: [...]

Nice work Dean! I have though a small remark/question.

The first-child pseudo class works pretty well when the css declarations is in a style block inside the page. When I put the css declarations in an external css file, the fix is not applied. (IE6 XP SP2).

Is this the proper behavior?

  • Comment by: Marin
  • Posted:

[...] Dean Edwards vient de mettre jour son célèbre script IE7.js, permettant de corriger un paquet de limitations CSS / HTML sur notre navigateur préféré : Internet Explorer. [...]

[...] Pronto, agora é só usar nos seus novos sites e reduzir a queda de cabelo por causa do IE. Mas antes, dê uma passadinha lá nos site do projeto, da atualização 2.0 e do google code onde está hospedado e veja as formas corretas de usar. Depois diga aqui suas experiências (boas ou ruins) com o script . [...]

[...] la versión 2.0 el IE7.js, un script que nos permite corregir una serie de problemas con los CSS’s entre ellos el problema con los PNG transparentes. Podemos usarlo directamente desde losde Google. [Demo][Descargar] Compártelo # « Nuevos tipos de enlaces para elHTML5 [...]

[...] Via Ajaxian. Dean Edwards hat seine IE7 Javascript Bibliothek zur Beta Version 2.0 umgebaut. Einige Features wurden komplett entfernt. Hier eine Übersicht: [...]

I have tried to use the IE7 script on my site but can’t seem to get it to work :-/ If anyone can see what I’m doing wrong i would be very grateful :-)

http://kimmathiasen.dk/new/?page_id=

This is nice, though I’ve found some bugs here and there. but what troubles me is that it’s no use for AJAX based site/apps, because the DOM is built in a later time and theres no “rebind” for the IE fix..

  • Comment by: vsync
  • Posted:

[...] IE7.js: awesome Javascript library to make IE5-IE7 behave. [...]

IE7.js… http://dean.edwards.name/weblog/2008/01/ie72/ (googlecode page http://code.google.com/p/ie7js/) IE7 is a JavaScript library to make MSIE behave like a standardscompliant browser…….

@vsync – The last version of IE7 had a document.recalc() method which allowed the page’s style rules to be refreshed. I will re-include this file before the project goes live.

  • Comment by: -dean
  • Posted:

Re: [NextGen] Maybe this can help with our IE6 problems?… ReturnPath: Received: from susday7659.TD.teradata.com (localhost 127.0.0.1) by ncrusout1.ncr.com (8.13.8/8.13.8) with ESMTP id m08H9TLa022336 for ; Tue, 8 Jan 2008 ……

[...] Pues sí tal y como suena, IE7.js es una hoja Javascript que puede hacer que Internet Explorer se comporte según los estandares, corrigiendo su erróneo comportamiento en determinadas situaciones. Gracias a IE7.js podemos conseguir que en explorer las imágenes png con transparencia se vean correctamente, corregir discrepancias en reglas CSS con otros navegadores, etc. Simplemente te descargar el js, y lo incluyes en tus páginas. Puede ser una buena forma de evitar recurrir a hacks. [...]

[...] Here it is : IE7.js version 2.0 (beta). Check out the demo page and start having fun again by worrying less with cross-browser compatibility. [...]

Dean, just tried emailing you about my previous comment and the slowness/freezing. Your script is throwing the following error upon attempting to send the email.

Warning: mail() [function.mail]: SMTP server response: 551 User not local. We don’t relay in C:\dean.edwards.name\www\contact\index.html on line 19

Please reply to me at the email address I’ve used with this comment if that email doesnt get to you.

Thanks!

  • Comment by: Andrew Powell
  • Posted:

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

[...] IE7.js version 2.0 (beta)Dean Edwards IE7.js has been updated after a long period of inactivity. The new version is split in two files IE7.js brings IE5+ into the same level of compliance as IE7, while IE8.js contains further standards compliance fixes beyond what IE7 currentlyTags: browser, IE7, IE8, ie, javascript, Dean Edwards, IE7.js, standards, webdesign Tags: .NET, .NET 3.5, Ajax.NET, ASP.NET, browser, Chris Miller, Dean Edwards, development, ie, IE7, IE7.js, IE8, interview, javascript, KJToo, Kris Johnson, Links, Mur Lafferty, Nisus Writer, podcast, Scrivener, software, standards, The Secret Lair, Ulysses, video, Virginia Heffernan, Wayne Sutton, webdesign, WriteRoom, Writing [...]

That is great,but the version is so strange. haha。 why take so long time to update it!

  • Comment by: outwindow
  • Posted:

[...] Thankfully, Dean has improved them even more. Instead of having a ton of different JavaScript files with large file sizes, he has compressed them into two light-weight JavaScript files. [...]

Another great release. Thanks and congrats!

  • Comment by: Justin
  • Posted:

[...] [...]

[...] ie7-js, currently in version 2.0 (beta), is a JavaScript library to make MSIE Windows behave like a standards-compliant browser. This page has the feature lists, and here’s the Google Code page. When this thing eventually works flawlessly it’s going to be huge. Freebird Theme for Chyrp [...]

[...] IE7.js version 2.0 (beta) [...]

it is not transmitted, when appointing transmission PNG to the background of input-tags.

  • Comment by: take
  • Posted:

First of all great work. Kudos indeed. I am having an issue with clientWidth in IE6 and was wondering if any light could be shed on the subject. Has anyone else had this issue and is there a solution?

the clientWidth issue is in IE7.js. If I use IE8.js the error is no longer there however it does error if body{background-attachment:fixed;} If the fixed body line is removed from my css, no errors reported.

All good things…..

Cheers :)

  • Comment by: diggs
  • Posted:

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

This script has single-handedly relieved web coders around the world of the constant suffering associated with the BANE of browsers we’ve come to know and DESPISE, internet exploiter. For ages we were told of a prophecy, a being, more than a man, would descend on us all bringing with him an answer to our disillusionment and hopelessness. Today we know this prophet as Dean Edwards, we know his answer as IE7. In the world of web developers, you are truly, truly a God. I bow to you my lord, what is your bidding?

  • Comment by: J Merms
  • Posted:

[...] Dean Edwards hat eine neue Beta-Version seiner Javascript Library veröffentlicht. [...]

Truly remarkable work Dean! Now IE7 seems to almost work like an browser that is standards-compliant. Currently I’m also experimentig with IE8.js in one of projects for my studies, but so far no new critical remarks for it.

  • Comment by: Andrea
  • Posted:

[...] Dafür gibt es nun eine Lösung von Dean Edwards. Er schrieb eine Library die den IE5/6 zu einem IE 7 oder IE 5/6/7 zu einem IE 8 upgraden sollte. Dazu werden einige css – Eigenschaften korrigiert, einige HTML Tags gecleant und alles nur mit JS. Er hat dazu auch eine Demo Page hinzugefügt. [...]

[...] Источник [...]

[...] Ein sehr interessantes Projekt ist das Projekt von Dean Edwards, welches es durch eine JavaScript Bibliothek ermöglicht dem Internet Explorer einige W3C Standards beizubringen. Zumindest sollte dieser sich mit diesem Script dann wie ein Standard konformer Browser verhalten. [...]

Nice work! Does it play nice with other js libraries? Like jquery for instance.

thanks,

  • Comment by: shaggy
  • Posted:

[...] From the authors page…“IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.” More…How many times and how many hours have we (web site builders) spent trying to fix up issues caused by IE. Well I haven’t had time to look at this yet but it looks like a handy piece of Javascript. [...]

@Shaggy –

  • Comment by: -dean
  • Posted:

ok, I’m using IE7 trying to use a png background to draw a shadow down the left side of my container div. In IE7 and Firefox it works great, but in IE6 the png image does not repeat. It appears at the top of the div, but it doesn’t repeat, any ideas? Also if using a png as a button background it does not register as a hot spot when rolled over.

  • Comment by: Chuck
  • Posted:

Dean, regarding comment 59, I’m encountering an error when included with Prototype. The script debugger reports the error is in the evaluated selector function:

var _selectorFunction=function(e0,s){IE7._indexed++;var r=[],p={},reg=[],d=document;var e1=IE7._byId(d,'mf-folder-nav');if(e1&&e0==d||e0.contains(e1)){r[r.length]=e1;if(s)return e1;}return s?null:r}

specifically, e0.contains() is not a method. Tracing back to cssQuery, e0 is suppose to be the context element or the document. I did a check and it indeeds is the document. Since document.contains doesn’t exist, the solution is to not call it which I think is what you tried to do. However that expression will always call it. So I modified the cssParser class (line 669) to do this instead:

if(e1&& (e0==d||e0.contains(e1)) )

It seems to work fine now. I don’t know if that disabled any fixes but the one bug I was trying to fix is the multiple classes bug for IE6 and this solved it.

Thanks for the great work.

  • Comment by: Tuan
  • Posted:

@Chuck – the PNG fix does not support tiled (repeated) images using background-repeat. Nor does it support positioned images using background-position.

  • Comment by: -dean
  • Posted:

@Tuan – this has already been reported. It is fixed in the next release.

  • Comment by: -dean
  • Posted:

I wonder why nobody has said anything about this yet, but in the given example codes for linking to googlecode the version number is incorrectly 1.0 when it should be 2.0 -took a little while to notice the typo.

@Vessa – I wonder how no one else noticed too. :-)

Fixed now.

  • Comment by: -dean
  • Posted:

This script is great, I finally don’t have to worry about CSS hacks and improper rendering. It even fixes some CSS2 features missing from IE7! :D I tried the old version once but couldn’t get it to work. I noticed there was a new one and decided to try it. It renders a CSS-heavy website I was working on perfectly and doesn’t cause any lag or problems. Too bad something like this can’t fix the missing support for XHTML served as XML.. It’s still a great fix for the CSS hack filled nightmare that was IE6! :) I’m surprised something as buggy as IE6 can be made to render pages so well. I only needed to make a few changes which were easily done.

  • Comment by: Treeki
  • Posted:

this script didn’t work, maybe a known bug ? i’m using ie6 (from multiple ie) and windows xp sp2

  • Comment by: Bouki
  • Posted:

Nice, nice job! One thing: position:fixed seems to give a position:absolute behavior in IE6, meaning it scrolls along with the rest of the page. Am I doing anything wrong?

  • Comment by: thoeger
  • Posted:

Cool, but not only does it not support tiling background images (as you know) but it also breaks IE’s ability to do this using other methods.

  • Comment by: GD
  • Posted:

@thoeger – the fixed positioning solution should work. If you provide an example of broken behaviour then I will try to fix it.

@Bouki – IE7.js fixes lots of different things. You will have to be more specific about what doesn’t work. The software is still in beta so there is time to fix bugs.

  • Comment by: -dean
  • Posted:

@dean;

Yeah, try and look at http://www.fys.ku.dk/~thoeger/Paradoxsite/, and the link ‘koret’ (danish for ‘the choir’) on that site. Use IE6. I might have missed out something but the code validates and It’s pretty simple, so I can’t see what is up…

  • Comment by: thoeger
  • Posted:

@thoeger – I can’t see anything wrong on at that page. Can you be more specific what the problem is.

  • Comment by: -dean
  • Posted:

@dean: The fixed elements still scroll with the rest of the page.

  • Comment by: thoeger
  • Posted:

[...] Transparent pngs don’t work in IE 6 and lower. There are a couple ways to get them to though. You can read through this: PNG-24 Alpha Transparency With Microsoft Internet Explorer 5.5 or better (MSIE 5.5+) Or you could try Dean Edward’s IE7 script which pretty much turns old IE versions into IE7 (which does support pngs) Dean Edwards: IE7.js version 2.0 (beta) The only catch is that you won’t be able to use them as repeating backgrounds. [...]

Note also that if you want transparent png images, you either need to rename them to include -trans.png or put

IE7_PNG_SUFFIX = “.png”;

in between the script tags (so, after SCRIPT and before /SCRIPT)

This will apply the transparency code to all png files, which is useful if you only use PNG for transparent images.

[...] Ce script est développé par Dean Edwards sur Google Code [...]

Hi Dean, I’m sure impressed by the examples but can’t seem to get this to work with my aspx files. see http://www.artsinvest.net transparencies don’t seem to work and the layout is still all broken even though I linked to the js files in the header of the master pages, any ideas how I can get this working?

Cheers,

R T

[...] Zainteresowanych odsyłam na oficjalną stronę IE8: http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

Great Job. Your script many times saved my life. Keep Developing.

Regards From poland :)

I am trying to implement your javascript and it looks great in FF and IE7, but in IE6 it justifies my entire #wrapper to the right when it should be centered. I’ve been scouring my css for hours and cannot find an error or fix it. I’m even passing in an IE6 specific stylesheet with no avail. It goes away when I unlink your .js code

#wrapper { margin: 10px auto; width: 760px; border: 7px solid #ffffff; background-color: #ffffff; text-align: left; text-align:center; }

I’m appreciative of any help you can provide! Cheers!

M

Please post support questions here:

http://groups.google.com/group/ie7-js

Thank you! :-)

  • Comment by: -dean
  • Posted:

[...] Dean Edwards has released the next version of his IE7 script to fix IE’s implementation of JavaScript. [...]

[...] Zu finden bei Dean Edwards von Michael Karl | Browser Hacks, CSS, Javascript & Ajax | Trackback | RSSFeed [...]

I tested ie7.js for png’s trasparence. It fine works with IE6.0, IE 5.5, but doesn’t work with IE 5.01. Why? Does ie8.js resolve this problem?

  • Comment by: Supercammello
  • Posted:

[...] Op deze site vind je een op javascript gebaseerd script dat je kan gebruiken om IE naar je eigen hand te zetten. Geef IE 5 en 6 functionaliteiten van IE 7 of maak IE 7 nog beter. Ik heb het zelf nog niet kunnen uittesten, maar toch leek het me de moeite waard om het hier even te vermelden. [...]

@Supercammello – the PNG fix relies on Microsoft CSS filters which were only introduced with MSIE5.5.

  • Comment by: -dean
  • Posted:

Hi, My app is under https and when trying it with your IE7 javascript it didn’t work. I tried under http and it worked. I also tried to download and unzipped the library to reference them directly (I was worry about being a problem of not coming from same domain security) but still didn’t work. Do you know anyone who was able to make your IE7 javascript work under https? Pehraps it simply does not work under https. Thanks, great work by the way. cooked-bean

  • Comment by: cooked-bean
  • Posted:

Dean you’re the man. :D . Is there a donate button on your site ?

  • Comment by: Cole Haan
  • Posted:

Cole: yes there is, see: http://dean.edwards.name/donate/

  • Comment by: Stifu
  • Posted:

[...] February 21st, 2008 in Links Dean Edwards has released a new version of his magic make-IE-suck-less script, which brings IE within reach of standards. [...]

Dean, I just wanted to tell you that your work is very great ! I’m using IE7 since version 0.9, and it gets really better over the time.

Thanx for your efforts !

  • Comment by: titi
  • Posted:

[...] Dean Edward’s IE7 javascript has been updated with many new bugfixes, check it out. [...]

LOVE your work! I’ve been using the libraries for a while.

  • Comment by: Helen
  • Posted:

I’m using your IE8 but I still have problems, which I’m beginning to grasp at straws.

I always get an error on my site when using IE7 – line 74, char 4, code 0 – no matter what is on that line.

In 2 of the exact same builds of IE& – I have only one that throws an “operation aborted” error.

Anyone have any ideas??? I really really appreciate any help I can get.

  • Comment by: Jen
  • Posted:

excellent dean, more i cannot say. you understand your “job” and have many outstandig knowledge, its allways interesting to read about your work. keep it up!

  • Comment by: Peter Push
  • Posted:

THANKS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!A LOT !!!!with pseudo classes!:))))

  • Comment by: ACCO
  • Posted:

[...] En attendant cette nouvelle version, il faut bien sûr encore faire avec les précédentes. Alors, pour quelle solution opter ? Les hacks CSS qui ont pour principaux défauts d’alourdir et de rendre les fichiers CSS non valides… ou utiliser javascript avec IE7.js, la bibliothèque Javascript IE7 de Dean Edwards, mis jour en début d’année. [...]

This certainly makes supporting IE6 less painful.

Be aware that using AlphaImageLoader to make PNGs be transparent can deadlock IE 6. I described this in more detail at http://blogs.cozi.com/tech/2008/03/transparent-png.html

Thanks again for your hard work on this project.

I attempted to make a post before with regards to style sheet switching and Ie7/8 (I’m not certain if my post in Purgatory or just didn’t go through). I have gotten closer, realizing that I needed to make a couple of changes to my code. I added the following to my function: IE7.CSS.init(); IE7.HTML.init(); IE7.HTML.apply(); IE7.CSS.apply(); IE7.recalc();

I now have a working version in IE and Firefox: http://markschamel.com/deanEdwards/ie8.b.html

My function is here: http://markschamel.com/deanEdwards/scripts/methods2.js

I have two questions: (1) Do I need all of the code I added? (2) I’m still struggling to make this work with stylesheets which import other stylesheets, any pointers?

  • Comment by: Mark
  • Posted:

div png background; form in div; form is disable

  • Comment by: valkirs
  • Posted:

[...] Libraries can be found here. [...]

the “:nth-child()” does not work in FF…and the “outline” does not work with ie8.js in IE6…the png background image hack does not work with “a:link,a:visited{}” but “a{}”…so strange…

  • Comment by: KandyT
  • Posted:

[...] 23, 2008 · No Comments This set of script files, found here, are a cross-browser programmer’s best friend. Uploadthem to your server, link them into your page with a simple script tag, and voila, you add web standards to your IE browsers. For me, the alpha transparency and min-width stuff is worth the price (it’s free!), but it contains so much more. There is also a google group you can join that Dean himself contributes to. [...]

What are your plans now that IE8 is in beta?

  • Comment by: Justin
  • Posted:

[...] problemas que internet explorer 6 suele dar… Mediate esta estupenda librería desarollada por Dean Edwards podremos usar png trasparentes en IE6, aplicar :hover a todo tipo de ejementos de bloque (no solo [...]

[...] per Javascript lösen, bspw. mit jQuery. Hier im Blog macht das allerdings Dean Edwards’ IE7-Script. Wer aufgepasst hat wird jetzt sagen: ha! doch Javascript! Ja, aber:… funktionieren tuts [...]

HI! i am Jun! I come from CHINA!

please look the webpage code !

http://www.xhtml-css.cn/why-not.html http://www.xhtml-css.cn/why-ok.html

if delete img that IE6 IE7 FF3.0 all is ok!

but join img ,IE6 is can not identify all :hover!

why?

EMAIL:moo_lee@yahoo.cn

Thanks!^_^

i looking for your email is very trouble!!

EMAIL:moo_lee@yahoo.cn

Thanks!^_^

i looking for your email is very trouble!!

  • Comment by: Jun
  • Posted:

Great to hear that your excellent work will continue on this front!

Btw, your code view (used in this post to denote how to link straight from google’s servers) is a bit wanting… Specifically, two formatting choices break the ability to actually copy and paste from the page:

1. Quote marks are turned into “smart quotes”

2. The final double dash that closes the comment is turned into an em dash.

I was able to sort out why adding IE7.js to my site broke it. Others may falsely blame the javascript itself rather than simply double checking the code that includes the javascript.

Thanks for all your hard work with this project! :)

  • Comment by: Gregg Hilferding
  • Posted:

Dean, Could you put some an explicit licencing statement in the source code, or at least in the Subversion repository? The lone reference to http://www.opensource.org/licenses/mit-license.php is a little vague.

  • Comment by: Dwayne
  • Posted:

@Dwayne

Will do.

  • Comment by: -dean
  • Posted:

Thanks a lot! I was having problems with background-image for a div working on IE6.

  • Comment by: cholo.uno
  • Posted:

Have you seen this? Apparently he has found a way to do transparent PNG tiling for IE 6 and below. Any possibility of this getting into your script?

http://www.twinhelix.com/css/iepngfix/

  • Comment by: Davin Studer
  • Posted:

Great work, thank you! Especially for the .png fix, for the first time I have a fair degree of confidence that IE will get it right and am going to include them in my site design.

It should be a big embarrassment to Microsoft that their team can’t get such a tremendous improvement in web graphics to display correctly. But after this long, apparently not. So I’ll assume they’re up to their old tricks of stifling promising non-ms tech whilst trying to figure out how to (re)invent and cash in on “IEBlend technology, now you can use your non-rectangular graphics against any background!” Either that or human resources is hiring too many relatives.

I don’t hate MS, but when I think of the countless hours that developers have spent on this inane display problem… bah. They are holding the world back from seeing next level website graphics and what can be done with them. If they don’t fix it soon, maybe a movement could gain momentum, to use .png’s as-is and state on the first line of the page “If you see gray around the image borders, you are using a non-standards compliant browser. Please upgrade to Firefox.” I know this would be limited to mainly non-commercial sites but maybe we’d get a proper solution out of it from MS.

One .png solution I can’t remember seeing is to stick the .png in a flash. Then you’d just have to learn the IE flash hacks. (grin) An advantage is that file size can be considerably reduced compared to the plain .png file. Another is you can put a mask on a .jpg to make it smoothly non-rectangular. A disadvantage for most visitors would be that they’d have to take a screenshot to save the image.

Once again, thank you Dean for this hard work!

  • Comment by: Jeff D
  • Posted:

I just tested it again, you’re right, my bad. Before a few days ago it’s been a while since I tried IE and .png images and thought I read, and had tested, that it wasn’t fixed yet. I just felt my soapbox shake a bit under my feet…

IE7 users are about 41% of my visitors so I’m still glad for the fix. The person my stats page reports as using IE2 will have to tough it out though.

  • Comment by: Jeff D
  • Posted:

Dean looking at 35. I tried doing a document.recalc after I loaded an image with AJAX but it remains gray. I have no problem using your JS on a static html page it works great.

I also did a 2 second settimeout after the image is called that doesn’t work either. Is there something I have to do besides call. document.recalc(); ?

Thanks in advance.

  • Comment by: Nero
  • Posted:

Hey Dean, I just wanted to let you know that your fix saved me that incredibly huge amount of time that I usually had to spend on fixing the layout for the IE :P I’m just a ‘little’ ..nerved.. that I haven’t found it earlier, though I must confess that I was sceptical – as I’m ever – using Javascript to fix CSS problems. But hey.. its working – so what.

Never the less – best wishes, greetings and a lot of thanks

Flitze

  • Comment by: Flitze
  • Posted:

Just found out about this script and used it on a site I’m developing where some custom Google Map elements wouldn’t display correctly in IE6. Wow, you just saved me an incredible amount of time!

I can’t wait to use this to implement advanced CSS in future sites. Thanks upon thanks for the great work.

  • Comment by: toadslick
  • Posted:

[...] A partir de los inconvenientes con el diseño previo, aprendí la lección que me llevó a plantear este último objetivo. Por ejemplo, un 39% de las visitas utilizan Internet Explorer versión 6, y por ello tienen algunos inconvenientes de visualización serios. Actualmente, se continúa trabajando para “amigar” los estilos CSS del diseño con IE6. Sin embargo, no existen recetas únicas y se deben desarrollar toda una batería de estrategias y hacks para solucionarlo. Para esto, un excelente primer recurso a investigar es el de Dean Edwards – IE.js [...]

Hi Dean, and thanks a lot for your very good job. I still have a problem with position:fixed in IE6. My page has a header which is fixed, but I cannot succeed to post the body below the header. The top of the body disappears behind the header.

My body style has a position : absolute, with top equal to the header height. I’ve also tried to use “scrollTo()” with an anchor at the top of the body, but no success :-(

Any hint ? Thanks in advance. Phil.

  • Comment by: phil
  • Posted:

Hi Dean, is it possible make your script more “manual”?

So something like that can be used:

.......
var css=new IE7CSS("CSS/styles.css");
css.apply($$("[class=Header]"));
.......

I assume it can be much faster and don’t break existing pages

($$ – from MooTools)

  • Comment by: Andrew
  • Posted:

Anyone get this to work with an AJAX call for an Image? I tried using document.recalc(); after the image had been downloaded and it still appears with a gray background. It works fine in a non-AJAX call.

  • Comment by: Nero
  • Posted:

[...] But lucky there are many javascript solutions to solve this problem. One of them is written by Dean Edwards. This script forces IE6 to show PNG’s alpha [...]

It may be a bug. After using IE8 library (or IE7 library), some links have no responses under Internet Explorer 6.

test pages using IE8 library: http://lungzenoopen.googlepages.com/links.html

test pages using IE7 library: http://lungzenoopen.googlepages.com/links_ie7.html

How to let these links work? I don’t want modify HTML code. Can use javascript to fix it?

  • Comment by: LungZeno
  • Posted:

Does this script not work for background images of tables in IE6?

I have a background image that has some shadowing around the edges that is not being displayed correctly using this script? I named the files with a -trans.png ending to no avail.

Any ideas?

  • Comment by: Jon
  • Posted:

Many, man many thanks!!! this script saves me a lot of time man, cheers!!!

[...] Dean has improved them even more. Instead of having a ton of different JavaScript files with large file sizes, he has compressed [...]

The image is in a DIV that gets updated with the AJAX return html. That points to the image.

  • Comment by: Nero
  • Posted:

The comments function did not work O.o

  • Comment by: Martin
  • Posted:

[...] Já tem uma versão para corrigir os bugs do ie7 também (ie8.js) e pode ser baixada no site do desenvolvedor. [...]

[...] Download info: http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

Hey Dean.

Where could I find the old version of IE7.js?
I want to take a look at the changes from version 0.9 :)

  • Comment by: Rodrigo Cardoso
  • Posted:

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

I have no problems with IE7, fantastic!!

but the link directly to the files on google is a little bit slow.

for me y. k.

cheers!

I think this has to be a great alternative to ad hoc hacks. BUT it has messed up my drop-down menus because only the link is being highlighted (not the list item box), so the menus collapse when trying to mouse to the next level. This is ‘normal’ IE6 behaviour, but I use the Suckerfish script, which enables IE6 to highlight the list item boxes. I’d hoped IE7.js would do the same, but in fact it does the opposite and over-rides the Suckerfish script.

IE7.js has the same effect on the menus both with and without Suckerfish

My menus are based on ‘More Eric Meyer on CSS’, Project 6, but use the Suckerfish script to work in IE6 instead of csshover.htc.

Is there a solution to this, please ?

Tim Dawson

  • Comment by: Tim Dawson
  • Posted:

Hi dean,

First of all great work. I have a problem when I use your script inside a frame (ugly, I know). I get a permission denied on ‘if(/ie7_off/.test(top.location.search)||k<5)’.

Any thoughts on a quick fix?

Thanks, Ronald Moolenaar

I get ‘Object required’ when executing ‘c.runtimeStyle[h]=c.parentElement.currentStyle[h]‘.

Is there a non minified/obfuscated available to allow for debugging of your script Dean?

Thanks

I tried a lot and am not getting the hover effect to work. In particular, nothing seems to work. Why?

http://www.drobiarnia.com/glasses/test.html

  • Comment by: wro
  • Posted:

Ok, now I found out that in IE6 it wouldn’t work with the class selectors like:

div.story:hover { atributes }

but it would work with id like:

div { }

#story:hover { atributes }

feature?

  • Comment by: wro
  • Posted:

Thank you so much for the work you have done on this. You have provided a much need service to the world of mixed standards.

  • Comment by: Will
  • Posted:

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

[...] "; } Im IE scheint es nun mit dem eigens modifizierten JS code von Dean Edwards zu klappen (Dean Edwards: IE7.js version 2.0 (beta)) Funktionieren tut das ganze jedoch nicht sobald ich mit URL ein Bild reinlinke. Z.B.: .back [...]

[...] Dean Edwards’ IE7 JavaScript library can be used to force support for PNG alpha transparency in IE6. [...]

good work! you are gunesii

[...] 2.1 强制IE6支持透明 [...]

Dean, thanks for a great work!!! Very-very-VERY usefull!!! Cheers!

  • Comment by: Slony
  • Posted:

freaking wonderful! thanks!

  • Comment by: Richard
  • Posted:

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

Awesome job! Your work is very much appreciated.

  • Comment by: Andre
  • Posted:

Awesooome !!!

Good job !!

Im from Brazil and this script was very helpfull !!

Thank you very much.. In a few days i will donate some….

  • Comment by: Paulo
  • Posted:

you are gnarls my man. thanks from va beach!

Hi, anyone knows it IE7 works for wordpress distro?

thanks in advance!

I’m using transparent pngs but IE6 doesn’t display correctly How can I configure it? should I specify the blank.gif path ?

Thanks

  • Comment by: Alfonso
  • Posted:

To use transparent png images, you can choose to include -trans.png or put IE7_PNG_SUFFIX = “.png”; in between the script tags.

  • Comment by: Nailcode
  • Posted:

Just curious: Why did you remove the base64 support?

  • Comment by: ap
  • Posted:

Have you seen these two pages. They have been able to implement background .png that can tile. This would be an awesome addition to your scripts.

http://www.dillerdesign.com/experiment/DD_belatedPNG/ and http://www.twinhelix.com/css/iepngfix/

also

The first guy has implemented rounded corners as well for elements. http://www.dillerdesign.com/experiment/DD_roundies/

  • Comment by: Davin Studer
  • Posted:

[...] Dean Edwards: IE7.js version 2.0 (beta) [...]

[...] Dean Edward’s IE7 javascript has been updated with many new bugfixes, check it out. [...]

Great idea! Thank you so much!

  • Comment by: bone
  • Posted:

I’m Italian. Sorry for my english, but with the IE7/IE8.js I have any problem… doesn’t works on IE6 and I see error message in the bottom-left of the web-page.

  • Comment by: Haky
  • Posted:

[...] 2.1 强IE6使其支持透明 [...]

[...] background i png Witam, znalazem w sieci fajny skrypt likwidujcy problemy z IE6 http://dean.edwards.name/weblog/2008/01/ie7-2/ Gwnie chciaem uy do PNG transparent. Ale mam jeden problem jak mam tak skadni: <a [...]

It seems this does not fix the ie whitespace bug.

http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/

Will it ?

I tried this js with ie6. But it still shows the problem.

  • Comment by: shinokada
  • Posted:

very cool script. can you integrate http://www.dillerdesign.com/experiment/DD_belatedPNG/ for the png problems?

  • Comment by: FJ
  • Posted:

Got an error in IE7:

Line: 3 char: 13516 Error: ‘style’ is null or not an object Code:0 Url: myurl

This was on a drupal site. I have since disabled the script and all works well. Upon looking at the file in Komodo, I get a number of “strict warnings”. Anyone else getting this?

  • Comment by: aaron
  • Posted:

[...] 2.1 强制IE6支持透明 [...]

[...] 2.1 强制IE6支持透明 [...]

Dean, are you still maintaining these comments? Do you have a commented version of IE7.js available? I have an existing style sheet that I can’t apply this too, but I would like to add multiple CSS selector support to my existing project.

  • Comment by: Adam Youngers
  • Posted:

Any thoughts about porting this to Jquery?

Adam, the source versions are here:

http://ie7-js.googlecode.com/svn/version/2.0(beta3)/src/

I’m not sure what you mean by “porting” to jQuery.

  • Comment by: -dean
  • Posted:

Hi Dean!

Are you still working on this script? Last release was last year and in bugtracker lots of bugs, it is very disappointing that work on so great thing is stopped : (

  • Comment by: artyv
  • Posted:

[...] 2.1 强制IE6支持透明 [...]

It helps in IE6! Thank you.

  • Comment by: muhammad afridi
  • Posted:

THANK YOU!

  • Comment by: xv22
  • Posted:

Your test pages don’t work. I’m using IE8 on XP SP3.

Hey guys,

These seem like exciting fixes, but it’s a bit of a moot point for me because I don’t have any way to test my pages in IE6.

How do you guys do it? I have found a couple of rendering websites, but they mainly just feed you screen shots, so there’s no way to navigate it. And I’m not really sure if Dean’s script will work on their rendering engine.

Scott

[...] apparently been updated fairly recently. If it works, to quote Eric Meyer: In the main, it will be a lot less painful to [...]

Scott @ #175:

Try Multiple IE – http://civicactions.com/blog/2009/may/18/multiple_ies_including_ie8

It’s no longer supported, but I’ve never had any problems with it.

  • Comment by: jshedd
  • Posted:

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

I love this JavaScript-File! It saves both, time and money. thanks!

  • Comment by: Erica
  • Posted:

scott @175 – try this: http://www.xenocode.com/browsers/

dean, an absolutely fantastic contribution! limitless kudos….

  • Comment by: bhu vidya
  • Posted:

[...] It just wouldn’t be right to have a friendly, festive holiday tutorial without inviting IE6, though in this particular instance there will be no shaming that old browser into admitting it has a problem, nor an intervention and subsequent 12-step program. That’s right my friends, this tutorial has abstained from IE6-abuse now for 30 days, thanks to the wizard Dean Edwards and his amazingly talented IE7 Javascript library. [...]

[...] It just wouldn’t be right to have a friendly, fes­tive hol­i­day tuto­r­ial with­out invit­ing IE6, though in this par­tic­u­lar instance there will be no sham­ing that old browser into admit­ting it has a prob­lem, nor an inter­ven­tion and sub­se­quent 12-​​step pro­gram. That’s right my friends, this tuto­r­ial has abstained from IE6-​​abuse now for 30 days, thanks to the wiz­ard Dean Edwards and his amaz­ingly tal­ented IE7 Javascript library. [...]

[...] It just wouldn’t be right to have a friendly, festive holiday tutorial without inviting IE6, though in this particular instance there will be no shaming that old browser into admitting it has a problem, nor an intervention and subsequent 12-step program. That’s right my friends, this tutorial has abstained from IE6-abuse now for 30 days, thanks to the wizard Dean Edwards and his amazingly talented IE7 Javascript library. [...]

I already try this js, and it’s running well. But, a few of my image that I already give -trans.png still not show up. Is there any rules about the image?
screenshot 1 : running on firefox http://agungprasetyo.net/wp-content/uploads/2009/09/png-sip.jpg

screenshot 2 : running on IE 6 http://agungprasetyo.net/wp-content/uploads/2009/09/png-error.jpg

please…. help me. Thanks

  • Comment by: prazetyo
  • Posted:

[...] InformaciónActualizado: Hoy por hoy -09/09-, el mismo Edwards ha desarrollado soluciones de compatibilidad con estándares, y en este caso en concreto con CSS, dónde evidentemente ya podemos usar min-width, max-width y muchos otros, no sé cuantos, pseudo-selectores en casi o todas las versiones IE, al menos 6, 7 y 8. Enlace: Dean Edwards IE7 Actualizaciones [...]

[...] 2.1 强制IE6支持透明 [...]

[...] לגרום לאיכספלורר 6 להת הג כמו 7 או 8 [...]

Dean, Using the multiple IEs / IE6eolas standalone, I get an error. I realize that this is a non-standard browser, but it is one widely used by people testing web sites. Is there a potential patch to IE8.js that would work around this?

Line: 619 Error: Syntax error eval(format(_FN, reg) + cssParser.unescape(fn) + “return s?null:r}”);

I used the uncompressed version, so as to get a line number: http://ie7-js.googlecode.com/svn/version/2.0(beta3)/src/IE8.js

note that the Version string of the IE6 standalone is not what one would expect: 7.0.5730.11.xpsp.080413-2111

a true installation (IE6 on Windows XP) does not exhibit the error. Its version string is more like expected: 6.0.2900.2180.xpsp_sp2_rtm.040803-2158

In addition, the IE6 conditional comment will not execute in the IE6 standalone.

<!–[if lt IE 7]>
// does not execute
< ![endif]–>


<!–[if lt IE 8]>
// executes
< ![endif]–>


Would anything short of a registry hack fix this?
Thanks,
Monte

[...] IE8 works very well in my eyes. you should read this: Dean Edwards: IE7.js version 2.0 (beta) IE8 – What you need to know :: CSS, JavaScript and XHTML Explained hope that can help you [...]

[...] figured I could sort through the IE 6 issues in phases. And there were plenty. Dean Edwards’ IE7.js v.2 (thanks, Dave Ross) works wonders for base rendering normalization, even taking on PNG [...]

The best way to test in IE6 and 7 is to use one of the Windows XP images thoughtfully provided FREE by MS. Yes you have to download a new one every few months, but it’s free :D

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ [...]

good to know and have. but could be a problem for sites that are planned to be on for a long time (see post 4)

but really good job anyway.

  • Comment by: mrmoree
  • Posted:

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

Wow, You are the guy who microsoft needs in the IE programming team ha ha ha.. Good Job, this will save my soul because the label “button” is crazy with IE and send also all the html inside it.. Thanks a lot!

  • Comment by: Carlos Morales
  • Posted:

[...] 2.1 强制IE6支持透明 [...]

hey very nice script. I am loving it. I think you should develop one script for IE to firefox. D-;

  • Comment by: KP
  • Posted:

I noticed that ie8 does not support :last-child. Is there any plans in the future to make that pseudo selector emulate for ie8 as well?

I really don’t see the sense in reaching for :first-child to begin with if IE8 doesn’t render :last-child. might as well inject a first and last class.

  • Comment by: Roger
  • Posted:

Great job Dean, this just saved me a lot of work.

Thanks again

  • Comment by: Craig
  • Posted:

[...] 2.1 强制IE6支持透明 [...]

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

[...] 2.1 强制IE6支持透明 [...]

[...] Dean Edwards solution [...]

[...] [...]

[...] 查 看Dean Edwards地址:http://dean.edwards.name/weblog/2008/01/ie7-2/ google 下载地址:http://code.google.com/p/ie7-js/ 演 [...]

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ Veröffentlicht in Internet, KubaSEOTräume | Schlagworte: contest, KubaSeoTraeume, wettbewerb [...]

[...] 可以随时更新http://ie7-js.googlecode.com/svn/version/ 查看Dean Edwards地址:http://dean.edwards.name/weblog/2008/01/ie7-2/ google下载地址:http://code.google.com/p/ie7-js/ [...]

[...] 2.1 Force IE6 To Support Alpha Transparency [...]

[...] I’ve not had a chance to test, but in retrospect, it is probably because I use Dean Edwards’ compatibility scripts–see http://dean.edwards.name/weblog/2008/01/ie7-2/. [...]

[...] http://dean.edwards.name/weblog/2008/01/ie7-2/ 一 参考资料 1 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容 [...]

Leave A Comment

Line and paragraph breaks automatic, email address never displayed. Some HTML allowed.