iT邦幫忙

0

Email 中讓文字有漸層顏色

  • 分享至 

  • xImage

想讓Email中讓文字有漸層顏色。
用過很多種語法在瀏覽器中能用,不過在電子郵件(gmail)中就顯示不出來
猜是不支援CSS3的關係
CSS程式碼如下:
程式

瀏覽器效果(預期效果):

email中效果(呃呃):

希望有人可以幫忙w

5. Don’t use CSS at all.
If you’re unsure or cautious about sending HTML emails with CSS, there is a simple solution: plain-text emails.

Most of the big email providers (including Gmail and Outlook) already allow users to see a plain-text version of your email if you are using CSS code that is not recognized. But you could take it one step further and just send all of your emails using basic HTML or plain text.

While they do not look flashy and definitely won’t win any design awards, this might be the best way to get your message across. Take a look at this example from Nintendo:
https://www.campaignmonitor.com/css/?__hstc=53776247.f6daf62fa5fa01383b025fbeed693c7e.1659146465716.1659146465716.1659146465716.1&__hssc=53776247.1.1659146465716&__hsfp=3897503624
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Gary
iT邦好手 1 級 ‧ 2022-07-30 05:57:07
毛哥EM iT邦新手 3 級 ‧ 2022-07-30 16:15:15 檢舉

有,我的css是inline的

0
Felix
iT邦研究生 2 級 ‧ 2022-07-30 13:00:27

Email 中的樣式都是應用於排版,不會應用於特效。

如果需要特效的話,實務上都是轉成圖片或影片,才不會因為閱讀器的差異,影響閱讀體驗。

毛哥EM iT邦新手 3 級 ‧ 2022-07-30 16:15:36 檢舉

了解,感謝

這個大概是樓主要的效果吧
https://ithelp.ithome.com.tw/upload/images/20220801/20097082zNlHBKaOXf.png

就這樣,某些CSS語法就算你用F12寫進去,郵件發出去的時候他還是會過濾掉她不想要展示的CSS語法,所以,想自爽就這樣吧,你不用寫語法,收進來自然就是漸層文字,你也不用擔心出去別人看不到文字,如果對方也想漸層文字,就照我左邊的方式設定就好了

0

正常來說,MAIL能使用或是作用的CSS是很有限的。
並不是所有的CSS就一定能在MAIL內作用。

其中又分為樣式表可使用及直接標簽式可使用兩種模式。

大多數來說,mail可以使用的css。其還是依靠MAIL閱讀器來決定。
依WEB MAIL來說,它們除了要秀出你的排板之外。
其也得需要考量到你的MAIL中宣告的CSS。不能直接被影響到原來介面中的排版。
所以一些用法還是會被排除掉的。

再來就是可運行式的動態CSS或是程序化的CSS。
也容易會被排除掉。(你的漸層文字,可以說跟這一類是同樣的)

所以,不要去想說MAIL可以跟HTML一樣。它能做的事很有限。

還是可以改啦,就是自己爽而已,自己寫CSS套用就好

我喜歡您說的「自己爽」

我要發表回答

立即登入回答