線性漸變在 Outlook 中不起作用
[英]Linear gradient is not working in Outlook
問題描述
我知道這是一個非常基本的問題，但我嘗試了許多 StackOverflow 解決方案，但對我沒有任何幫助。
這是我正在使用的 HTML 內容。
<html> <style> div:after { content: "\A"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(216, 38, 38, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(216, 38, 38, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(216, 38, 38, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(216, 38, 38, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(216, 38, 38, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(216, 38, 38, 0.7) 100%); /* W3C */ } </style> <div style="background:rgba(0,0,0,0.5);background:-moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%);background: rgba(0,0,0,0.5);background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ *//* background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); */ /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(216, 30, 30, 0.7) 100%); /* W3C */"> <p>This is heading</p> </div> </html>
它適用於 Gmail，但不適用於 Outlook。
Gmail的屏幕截圖
Outlook 的屏幕截圖
請糾正我做錯了什么。
1 個解決方案
解決方案1
1 2020-02-14 18:29:51
不幸的是，Outlook 不支持線性漸變。 Outlook，尤其是 Windows，主要支持基本的 CSS。
請參閱活動監視器： https : //www.campaignmonitor.com/css/color-background/css-gradients/
解決方案2
-2 2022-07-28 07:17:14
是否可以以不同的方式顯示漸變？
fullCalendar：將事件背景顏色設置為線性漸變不起作用
[英]fullCalendar: set event background color to linear-gradient not working
Highcharts colorByPoint與一系列線性漸變一起使用時不起作用
[英]Highcharts colorsByPoint not working when used with linear gradient in a series
線性漸變不適用於在 javascript 中調用函數的 rgb 值
[英]linear gradient not working with rgb values calling a function in javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.