Table cell loses border when css gradient filter is applied in IE8
Applying this also works: position: relative; z-index: -1;
Applying this also works: position: relative; z-index: -1;
This was just patched. http://support.microsoft.com/kb/976662 http://msdn.microsoft.com/en-us/library/cc836466(VS.85).aspx
After a long debugging session (using old school alerts to pinpoint what was failing where), this seemingly innocous line of dom manipulation was the culprit: document.getElementById(“literal”+varValue).style.display = “none”; There was no error here, and the element was apparently found (ie, this is not a garden variety null pointer). This is a large scale app, and … Read more
A colleague of mine was having similar issues and found this: IE 8 has a feature called Loosely-Coupled Internet Explorer (LCIE) which results in IE running across multiple processes. http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers-existing.aspx#lcie Older versions of the Visual Studio Debugger get confused by this and cannot figure out how to attach to the correct process. You can work … Read more
I’m not sure of the root cause but if you add width: auto; then it works.
You can find more info here. In short: For all unsupported browsers (like IE8 or mobile phones) please use DRAFT feature. Log in to the service on your favourite browser. Create fiddle and Run it On IE8 open the http://jsfiddle.net/draft/
Do you really want your page to work in quirks mode? Your HTML centers fine once I added doctype to to force standards mode: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <title>Welcome</title> <style> #pageContainer {width:300px;margin:0 auto;text-align:center;} #toLogo{border:none; } </style> </head> <body> <div id=”pageContainer”> <a href=”http://portal.thesit.com” id=”toSite”> <img src=”http://stackoverflow.com/content/img/so/logo.png” id=”toLogo”></a> </div> </body> … Read more
The question is “Why don’t filters work on pseudo elements in IE8?” The following is as close to a definitive answer as I can muster. It comes from the information on this page. The gradient filter is a “procedural surface” (along with alphaimageloader). A procedural surface is defined so: Procedural surfaces are colored surfaces that … Read more
Okay, I already have discovered the answer much like how Penicillin was discovered. You see, playing around with this code, I mistakenly set contenteditable to true for the span and voila! It worked! So, to make a span NON-contenteditable inside a contenteditable div, you just set its contenteditable attribute to true! <div contenteditable=”true”> Luke, I … Read more
If you want this to work in IE 8 and below, use <!–[if lte IE 8]> lte meaning “Less than or equal”. For more on conditional comments, see e.g. the quirksmode.org page.