Jason Bao's Bookmarks tagged iebug →  View Popular

• a background color should extend under the border area of the element and be visible when the border has some transparent parts (which is probably the case when border style is dotted, dashed, double)


• a background image with "background-position: 0 0" should start at the padding edge of the element (but then, if "repeated", it should extend also under the border.)

SuperSleight adds a number of new and useful features that have come from the day-to-day needs of working with PNGs.






• Works with both inline and background images, replacing the need for both sleight and bgsleight


• Will automatically apply position: relative to links and form fields if they don’t already have position set. (Can be disabled.)


• Can be run on the entire document, or just a selected part where you know the PNGs are. This is better for performance.


• Detects background images set to no-repeat and sets the scaleMode to crop rather than scale.


• Can be re-applied by any other JavaScript in the page – useful if new content has been loaded by an Ajax request.




Download SuperSleight

• E系列，刷新回收的量不大，但最小化会释放内存，。


• Firefox2据说也会在最小化回收，可我从没见过最垃圾，用多少是多少，基本不回收。据说prototype的ajax还会引起内存一直增加。


• Opera最好。一直控制得很好。不存在什么问题。。

In IE5 and IE6






1. A div is rectangular.


2. Only one corner of a div can be absolutely positioned on a page.


3. The location of the diagonally opposing corner must be determined by the width and height of the div.


4. The width and height can be determined using dynamic properties.

In IE5 and IE6






1. A div is rectangular.


2. Only one corner of a div can be absolutely positioned on a page.


3. The location of the diagonally opposing corner must be determined by the width and height of the div.


4. The width and height can be determined using dynamic properties.

In all browsers except for IE5 and IE6






1. A div is rectangular.


2. All four corners of a div can be absolutely positioned on a page.


3. If the location of diagonally opposing corners has been determined the width and height is implied.

In all browsers






1. A div is rectangular.


2. Only one corner of a div can be absolutely positioned on a page.


3. The location of the diagonally opposing corner must be determined by the width and height of the div.


4. If the width and height are dynamic, they must be determined using JavaScript.

有时候，你会发现，在一些JS应用中，涉及到CSS的重新渲染（即页面样式需要更新）的话，IE死活不变。

此时你需要让IE重新渲染一下：

function handleIEhasLayout(){
	//trigger re-rendering
	document.body.style.zoom = 1.1;
	//restore it
	document.body.style.zoom = '';
}

This is an interesting list of sites full of IE7 bugs:





• 43 Bugs in Internet Explorer 7
  
• 73 bugs from Peter Paul Koch’s Quirksmode.


• More bugs

Examples of method 2 that I have tested as "Good to Go"..:

[Note: not all these apply to example given above, remember it has to be a property that hasn't been declared in your CSS]







• direction: ltr;


• display: inline;


• float: none;


• position: static;


• border: 0;


• height: auto;


• margin: 0;


• padding: 0;


• list-style-type: disc;


• list-style-position: outside;


• text-align: left;


• text-indent: 0;


• vertical-align: baseline;


• white-space: normal;


• overflow: visible;


• visibility: inherit;


• *(CSS2 exception) [bottom][top][left][right]: auto;