Why an inline “background-image” style doesn’t work in Chrome 10 and Internet Explorer 8?
As c-smile mentioned: Just need to remove the apostrophes in the url(): <div style=”background-image: url(http://i54.tinypic.com/4zuxif.jpg)”></div> Demo here
internet-explorer-8
Force IE8 Into IE7 Compatiblity Mode
If you add this to your meta tags: <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> IE8 will render the page like IE7.
first-child and last-child with IE8
If your table is only 2 columns across, you can easily reach the second td with the adjacent sibling selector, which IE8 does support along with :first-child: .editor td:first-child { width: 150px; } .editor td:first-child + td input, .editor td:first-child + td textarea { width: 500px; padding: 3px 5px 5px 5px; border: 1px solid #CCC; … Read more
How to debug Javascript with IE 8
I discovered today that we can now debug Javascript With the developer tool bar plugins integreted in IE 8. Click ▼ Tools on the toolbar, to the right of the tabs. Select Developer Tools. The Developer Tools dialogue should open. Click the Script tab in the dialogue. Click the Start Debugging button. You can use … Read more
How does one target IE7 and IE8 with valid CSS?
Explicitly Target IE versions without hacks using HTML and CSS Use this approach if you don’t want hacks in your CSS. Add a browser-unique class to the <html> element so you can select based on browser later. Example <!doctype html> <!–[if IE]><![endif]–> <!–[if lt IE 7 ]> <html lang=”en” class=”ie6″> <![endif]–> <!–[if IE 7 ]> … Read more
IE8 :nth-child and :before
You can (ab)use the adjacent sibling combinator (+) to achieve this with CSS that works in IE7/8. See: http://jsfiddle.net/thirtydot/LvvNL/64/ /* equivalent to li:nth-child(1) */ #nav-primary ul li:first-child a { border-top: 5px solid red; } /* equivalent to li:nth-child(2) */ #nav-primary ul li:first-child + li a { border-top: 5px solid blue; } /* equivalent to li:nth-child(3) … Read more
JSON object undefined in Internet Explorer 8
Make sure you’re actually in IE 8 mode by using the preferred method, a standards doctype… <!DOCTYPE html> …or the undesired method, the X-UA-Compatible meta tag/header… <meta http-equiv=”X-UA-Compatible” content=”IE=EDGE” /> See Defining Document Compatibility for more information.
header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
Place this is the <head> section of your page, before any CSS files are loaded. <!–[if lte IE 8]> <script src=”https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js”></script> <![endif]–> html5shi(m|v) creates doc elements for all the html5 elements so the styles from your CSS can kick in. Default behaviour for IE is to ignore unknown elements. For more info see resig’s blog … Read more
Force “Internet Explorer 8” browser mode in intranet
Seem that MSFT has not consider a large intranet environment that we have many different web application running inside. There is no way to bypass the IE8 setting, according to somewhere I read on MSDN forum. So, I will have to beg my system administrators to put some new group policies to change “Compatibility View” … Read more
How do I dump JavaScript vars in IE8?
Here’s one technique that I’ve found helpful: Open the Developer Tool Bar (hit F12) Go to the “Script” tab Click the “Start Debugging” button Next, type “debugger” into the console and hit enter. This should trigger a break point. Go to the “Watch” sub-tab Click the row that says, “Click to add…” and enter a … Read more