Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

[列表] 常見跨瀏覽器相容問題整理

[列表] 常見跨瀏覽器相容問題整理

1. 標籤


1. 表格標籤(table)


2. 清單標籤(ul ol li)


[color=#000033][url=http://mepopedia.com/forum/read.php?844,20001]1.IE瀏覽器瀏覽器下列表式型無效的問題[/url][/color]

3. 段落標籤 p


[color=#000033][url=http://mepopedia.com/forum/read.php?844,20002]1.段落標籤(p)預設前後邊距問題[/url][/color]

4. 圖像標籤 img


1. 圖像下方產生間隙


http://mepopedia.com/forum/read.php?844,20008

2. PNG 透明圖片支援


IE 5.5 / 6 不支援 PNG 圖片透明背景:http://mepopedia.com/forum/read.php?844,20019

3. alt、title使用上的不同


ALT屬性與tilte屬性於圖像替代文字與信息提示功能的差異:http://mepopedia.com/forum/read.php?844,20172

2. 屬性


以下以 CSS2 官方文件之「屬性 properties」作為分類依據。(括號內為官方文件之章節)
參考資料 (Eric Meyer):http://meyerweb.com/eric/css/references/css2ref.html

1. 浮動屬性(Float)



[url=http://vd.mepopedia.com/forum/read.php?844,18331]1.雙倍邊距(Double Margin)問題[/url]
[url=http://mepopedia.com/forum/read.php?844,20003]2.在IE中,用了%設定寬度之float多欄式版面會無法正常顯示[/url]


2. 背景屬性(background)


background (14.2.1)

background-attachment (14.2.1)

background-color (14.2.1)

background-image (14.2.1)

background-position (14.2.1)

background-repeat (14.2.1)

3. 邊框屬性(border)


border (8.5.4)

border-bottom (8.5.4)

border-bottom-color (8.5.2)

border-bottom-style (8.5.3)

border-bottom-width (8.5.1)

border-collapse (17.6)

border-color (8.5.2)

border-left (8.5.4)

border-left-color (8.5.2)

border-left-style (8.5.3)

border-left-width (8.5.1)

border-right (8.5.4)

border-right-color (8.5.2)

border-right-style (8.5.3)

border-right-width (8.5.1)

border-spacing (17.6)

border-style (8.5.3)

border-top (8.5.4)

border-top-color (8.5.2)

border-top-style (8.5.3)

border-top-width (8.5.1)

border-width (8.5.1)



caption-side (17.4.1)

clear (9.5.2)

clip (11.1.2)

color (14.1)

content (12.2)

counter-increment (12.5)

counter-reset (12.5)

cursor (18.1)

direction (9.10)

display (9.2.5)

display (17.2)

empty-cells (17.6.1)

float (9.5.1)

[hr]

4. 文字屬性font


font (15.2.5)

font-family (15.2.2)

font-size (15.2.4)

[hr]

[url=http://mepopedia.com/forum/read.php?844,20004]1.使用%來設定大小的文字,其顯示狀況會因瀏覽器而異[/url]


[hr]

font-size-adjust (15.2.4)

font-stretch (15.2.3)

font-style (15.2.3)

font-variant (15.2.3)

font-weight (15.2.3)

height (10.5)

letter-spacing (16.4)

5. 行高(line-height)


line-height (10.8)

6. 表單風格(list-style)


list-style (12.6.2)

[hr]
list-style-image (12.6.2)

[url=http://mepopedia.com/forum/read.php?844,20005]1.將清單項目的開頭符號設為圖像時,其垂直位置會偏離[/url]


[hr]


list-style-position (12.6.2)

list-style-type (12.6.2)

7. 邊距(margin)


margin (8.3)

[hr]

margin-bottom (8.3)
margin-left (8.3)
margin-right (8.3)
margin-top (8.3)

marker-offset (12.6.1)

max-height (10.7)

max-width (10.4)

min-height (10.7)

min-width (10.4)

outline (18.4)

outline-color (18.4)
outline-style (18.4)
outline-width (18.4)

overflow (11.1.1)

8. 內距(padding)


padding (8.4)

padding-bottom (8.4)
padding-left (8.4)
padding-right (8.4)
padding-top (8.4)

9. 定位屬性(position)


position (9.3.1)

top (9.3.2)
right (9.3.2)
bottom (9.3.2)
left (9.3.2)

quotes (12.4.1)

table-layout (17.5.2)

text-align (16.2)
text-decoration (16.3.1)
text-indent (16.1)
text-shadow (16.3.2)
text-transform (16.5)

unicode-bidi (9.10)

10. 垂直置齊(vertical-align)


vertical-align (10.8)

visibility (11.2)

white-space (16.6)

width (10.2)

word-spacing (16.4)

z-index (9.9.1)



Edited 30 time(s). Last edit at 03/01/2012 09:06PM by mepoadm.
(編輯記錄)

MEPOERs said:
HP: 加入「段落標籤(p)預設前後邊距問題」的跨瀏覽器說明。 (2012/01/30)