目前分類:CSS hack (3)

瀏覽方式: 標題列表 簡短摘要

呃,直接寫在下面。

IE的hr不支援css背景方式,會變成一塊顏色,所以使用list-style的方式去達成同樣目的~
先透過display指定為list,接著就可以下list-style了

 

嗯,這年頭的IE系列css hack都改為 \9了,所以針對性的給ie用的在屬性後面都加上\9

當然,要在原本的下方,不然又被重新設置掉了

 

hr{
width:648px;
height:13px;
background:url(../images/hr.gif) left top no-repeat;
border:0px;

/*IE用*/
display : list-item\9;
list-style : url(../images/hr.gif) inside\9;
filter : alpha(opacity=0);
margin-left: 0px\9;
width : 0\9;
}

 

 

以上,簡單紀錄

文章標籤

ezcshi 發表在 痞客邦 PIXNET 留言(0) 人氣()

唉,IE7還是不能放生阿...

要讓原本預計多出來的區域隱藏的部份,在舊版IE底下仍會出現。
解決方式就是在下了overflow:hidden的該選擇符底下額外加入相對定位 → position:relative;。

#news_area #news div.region-news{
padding-top:5px;
height:110px;
background:none;
overflow:hidden;
position:relative;left:0px;top:0px;
}

網路上有寫說在父層加上相對定位,但是我的父層是使用絕對定位(position:absolute)阿..
後來看到可以在該層加上相對定位就可處理,一試之下成功了,就留在這囉。

以上,簡單紀錄


文章標籤

ezcshi 發表在 痞客邦 PIXNET 留言(0) 人氣()

因為最近網站實做要用到,所以順便整理起來,有需要的看官請自行取用。



以前設計時的IE與FF區分
一般常會去動到margin,所以都是在原始的下面加*號,因為都是由上往下讀取,所以*出現時,就會把上方的設定值蓋掉。藉此來區分IE跟FF,也就是個別設定。

margin-top:0;    // 原始(FF)
*margin-top:-2px;    // IE



IE6、IE7、FF都成
現階段如果要設計三種通吃,大概就用這種方式吧。

background:#FFF; // 原始(FF)
*background:#39f; // IE6、IE7
_background:#f9f; // IE6 only



以前設計為IE6、FF,現在得加入IE7
好吧,我就是這類型的,以前設計是區分好IE6、FF,哪知道該死的廠商安裝新電腦、新系統時,都更新為ie7...
一些ie7的問題就浮現了,現在只能又針對ie7做補強型的修改。
若在屬性前增加 *+ html是沒有用的,要加在 {} 前。
這類型的解法:*+html → IE7 認為 html 前面的 DTD 聲明也是一個元素,所以 html 會被選擇。


body{
background:#FFF; // 原始(FF)
*background:#39f; // IE6、IE7
}

*+html body{     // IE7 only
background:#f9f;
}


下面是網路上找的資料,有需要就點進去看吧。
※發現網路上有一篇解釋很清楚的部落格記載:歲月如歌

lanc 發表在 痞客邦 PIXNET 留言(12) 人氣()

找更多相關文章與討論