首頁 > web前端 > 前端問答 > 郵件不支援css怎麼辦

郵件不支援css怎麼辦

藏色散人
發布: 2023-01-04 09:38:23
原創
2406 人瀏覽過

郵件不支援css是因為使用了內部樣式和外部樣式導致的,其解決方法就是在郵件中使用內聯樣式,因為郵件主要部分在body內部,所以樣式一定要寫成內嵌的,不能在head標籤中寫style,也不能外接。

郵件不支援css怎麼辦

本教學操作環境:Dell G3電腦、Windows7系統、css3版本。

推薦:《css影片教學

郵件不支援css?

郵件是支援css的,但是需要使用內聯樣式,內部樣式和外部樣式無法使用。

下面是一些在郵件中使用css的注意事項:

1.郵件使用table css佈局

2.郵件主要部分在body內部,所以樣式一定要寫成內嵌的,不能在head標籤中寫style,也不能外接。

3.不能用浮動的方式定位。 position:absolute;float:left;等都不行,float在qq郵箱客戶端可以識別,但是在outlook中無法識別。

4.表格的border,使用table上的border屬性,可以在qq瀏覽器中相容,但是在outlook中開啟是沒有邊框的,這種情況,我麼只能給每一個td加一個border,在table中使用border-collapse:collapse;來合併重複的邊框。

5.為了確保相容性,需要把郵件的寬度設定為600px,最大600px;

6.少用img,因為很多郵箱客戶端預設不顯示圖片,所以,如果需要圖片的話,一定要寫好alt和title;

7.背景圖片,盡量用background-color使用純色背景,如果一定要用背景圖片,使用background屬性,

8 .郵件不支援javascript,flash以及一些特殊的標籤。

由於郵件用戶端對css支援各有不同,所以一定要多測試再發送,確保樣式的正確。如果出現了不相容的情況,一定要耐心的使用最簡單的方式進行相容,盡量少用特殊標籤及比較複雜的屬性。

以上是郵件不支援css怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板