The
Palm
Civet

Posts tagged ie

July 30
css3 for internet explorer

PIE is a very clever and simple way of bringing some tasty treats of css3 to internet explorer 6-8. here’s an example usage =>


#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    behavior: url(/ie/PIE.htc);
}

IE will read the non-standards ‘behavior’ attribute, serve up the PIE, and take a look around for sibling css3 attributes and emulate them. PIE currently supports border-radius, box-shadow, border-image, multiple background images, and linear-gradient as background image.

{via}
September 24
google chrome frame

a bold and exciting new project from google: a plug-in for ie6, 7, and 8 that will override ie’s internal page rendering with google chrome’s superior webkit rendering and javascript engine. with chrome frame, developers have the opportunity to further decline their site’s users of encountering internet explorer’s plethora of issues.

enabling the plug-in is as simple as adding one line of code to the <head> of your html document


<meta http-equiv="X-UA-Compatible" content="chrome=1">

they have also provided google-hosted javascript for detecting and prompting users to install the plug-in, if it is not already installed.

now, we have keys into microsoft’s house and get to completely renovate, and i bet they are pretty pissed about it.
June 11

fixing internet explorer’s z-index bug with jquery

one of the most common and most frustrating bugs when dealing with internet explorer 6 & 7 is the way it can screw up the stacking order of elements’ z-index properties. this can make setting up things like a suckerfish style dropdown menu less fun than paying taxes.

here is a jquery clip that will solve most ie related z-index issues, by reading the dom from top to bottom and making sure that every element has a higher z-index than the next. just customize your array of elements at the top of the each() function.


if (jQuery.browser.msie) {
	var zIndexNumber = 1000;
	$('div').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 10;
	});
}

{via}

compiling and sharing code, ideas, and tools for making better websites and applications.

by justin talbott {email me}

what is a palm civet?