IE6 的 CSS 支援

微軟在 MSDN 中提到如何 CSS Enhancements in Internet Explorer 6。

快記下來，下次可以用…

爛死了的 IE6...

這兩天想在 Web 頁面上加上一個點選日期的小功能...

更！那是啥麼爛 IE 啊，為什麼長出來的樣子硬是和別人家不一樣… >"<

事情的主因是這樣的：我幻想使用以下的 JavaScript 碼去建立一個跨越 7 欄 ( cols ) 的 Table Cell...

<script language="JavaScript">
   objRow = document.createElement( "TR" );
   objCell = document.createElement( "TD" );
   objCell.setAttribute( "colspan", "7" );
   objRow.appendChild( objCell );
</script>

在 Firefox 0.9.1 上很正確的顯示了想要的效果，可是混蛋 IE6 卻硬是給我忽視 colspan 這個 Attribute 的設定，真是… 他馬的… -.-

※補一下兩個 Browser 的不同處理結果好了：

※ 總算知道差異了

1. Mozilla 上的 Traversing an HTML Table with JavaScript and DOM Interfaces 的用法可能是比較舊的方式。
2. 在設定 attribute 時，最好使用 obj.attributeName = 'xxx'; 方式指定，這在 IE6/Firefox 0.9.1 中都可運作。

IE6 又出狀況了

IE6 又給我出狀況了，這次是 z-Index 的問題。

雖然我努力想透過設定 z-Index 的值以便使 DatePicker 可以蓋住其他的 HTML 物件，可惜 IE6 硬是不吃這一套，真不知道該怎麼向比爾抱怨了… -_-

IE6 似乎會強制把 SELECT 物件給放到所有元素的最上層的樣子，即使我設定 DatePicker 所在的 DIV 的 zIndex 為 100 仍無法改變 IE6 的顯示結果...

※繼續來看看兩個 Browser 不同的處理結果...