Destiny Tiffany

一開始本來只是想幫 Rubric 換一支筆,於是到 pbase.com 搜尋 "pen",結果找到一張名為 "Destinys Pen" 的圖片 ,覺得很讚,就想換成這支筆,存下來修了一下,突然讓我想到這支筆應該要配 "Tiffany Blue",因此上了 Tiffany & Co. 的網站吸到了 Tiffany Blue,開始設計整個頁面。

CSS 部分是基於 Rubric,另外參考了 dots、Simple Sky,其實做得不算久。

好優雅喔~ >///< 於是她成為了本站的預設值。

附帶的 CSS 教學:
我想這個 hack 應該算是最常見、易用的一個了。

* html


這個 hack 用於解決 Mozilla 與 MSIE 顯示不同之問題。只要在前面加上 * html,則只有 MSIE 看得見,因此若遇到顯示不同的問題時,只要再用 * html 分別指定一次即可。舉例如下:

#header {
position: absolute;
top: 0px;
left: 48px; /* Mozilla 與 MSIE 都讀得到 */
}

* html #header {
left: 50px; /* 只有 MSIE 讀得到,且 CSS 有一個規則是「後面會覆蓋前面的設定」 */
}

如此指定的話,Mozilla 會忽略 left: 50px;,而 MSIE 則會忽略 left: 48px; (正確來說是此設定被 left: 50px; 覆蓋,所以為了讓它能覆蓋, * html 的設定要放在原始設定後面喔!!),然後最後便能達到不管在 Mozilla 或 MSIE 瀏覽都能有 1 pixel 不差的結果。
(雖然範例中只差了 2 pixels,但是在很多情況下是會差更多的。)

Leave your thoughts
  • You can use some HTML in your comment.
  • Your comment may not display immediately due to spam filtering. Please wait for moderation.