如何使HTML表背景50％透明

-2

我必须使电子邮件模板表背景50％透明和白色的颜色。我已使用以下代码如何使HTML表背景50％透明

<table role="presentation" border="0" cellpadding="0" align="center" width="100%" style="max-width:200px; min-width:250px; margin: auto; border: 1px solid white;background: rgba(255, 255, 255, 0.5); ">

当它通过电子邮件客户端时，背景始终是100％透明的。我甚至试过rgba（255,255,255,0.8）;但仍然100％透明。我无法使用不透明度，因为它在某些浏览器中不起作用。

感谢

来源

2017-03-03 Massey

这取决于您正在测试的客户端是否支持RGBA。但是，鉴于RGBA值是一个CSS3特性，我认为它不适用于您测试它的任何客户端。 – Raymond

HSLA和RGBA颜色值均支持：IE9 +，Firefox 3 +，Chrome，Safari和Opera 10+。 –

如果你想与所有的电子邮件客户端最好的兼容性和浏览器你最好的选择将是创建一个半透明的1x1像素巴纽图像并将其设置为您桌子的背景。

table { 
    background: url(http://yourdomain.com/semi-transparent.png) 
}

来源

2017-03-03 19:14:04

与背景颜色不支持'rgba（）'的客户端相比，有更多的电子邮件客户端阻止图片（包括背景图片）。 –

@AndreiGheorghiu公平的观点，但OP很有可能已经在电子邮件中出现了很多图片（现在几乎没有图片的电子邮件几乎不存在），用户必须点击*“下载图片”*。 –

不透明度为跨浏览器实现

.table_class { 
    /* IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=50); 

    /* Netscape */ 
    -moz-opacity: 0.5; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.5; 

    /* Good browsers */ 
    opacity: 0.5; 
}

来源

2017-03-03 19:11:23

我相信你错过了这个问题的关键。 OP不希望更改内容的不透明度，而只是改变背景颜色的透明度。但是，他们希望在特定的电子邮件客户端中忘记提及或有目的地避免提及。这可能是一个秘密。 –

但是，他们希望在特定的电子邮件客户端中忘记提及或有意避免提及_是否有这种技术？ –

'background-color：rgba（255,255,255，.5）'在大多数浏览器中都可以使用。 –

任何工具使用的是测试你的邮件，我认为这是错误的告诉你rgba和hsla没有被当前的电子邮件客户端支持。

快速浏览一下caniuse rgba就会发现目前使用的浏览器只有2.21％不支持它。如果按显示全部按钮，您会注意到IE 8及以下版本是不支持它的浏览器。

当前没有使用的电子邮件客户端使用IE8引擎或更低版本来渲染HTML。 IE8在一年前失去了对微软的支持。你几乎在寻找0%不支持rgba和hsla的电子邮件客户端。

另一方面，您似乎已经接受使用background-image替换您的初始background-image: rgba()。

根据我发现的一些资源（this和this），这将影响超过三分之一的电子邮件。
我不认为有任何准确的方法来测试这个，但你应该记住大多数电子邮件客户端默认禁用图像，并且相当多的用户不会默认从电子邮件设置启用它们，主要有两个原因：

他们比精明的少，不要去电子邮件设置
他们过于精明，知道电子邮件病毒可以伪装成图像文件，这就是为什么图像显示默认情况下，摆在首位禁用

尽管Gmail最近默认启用了图片显示功能，但是第在显示图像文件之前，先测试图像文件的有效性（基本检查恶意软件）。

事实是很多用户在默认情况下禁用了图片。可能超过三分之一。

从外面看，这看起来像是一个公然的情况，即在没有问题的情况下产生问题。他们为什么要这样做？
如果你开始有你的邮件实际显示的问题，你就很有可能成为他们的客户和购买他们的产品对于一些“严重的企业解决方案”，而不仅仅是几个“光的空闲指针”。

无可否认，我将我的假设放在第三方数据上，我和你一样，无法控制或验证。但我确实尝试将多个来源合并，并与我发现的东西保持距离。如果你有机会与我的发现发生冲突，我会很高兴看看，我对这个主题感兴趣。

来源

2017-03-03 21:02:10

正如我前面提到的，如果我使用background-color：rgba（255,255,255，.5），表格在电子邮件中始终显示为100％透明。我甚至尝试过背景颜色：rgba（255,255,255，.8），导致没有任何变化 – Massey

我目前正在控制/监督为各种客户设计约20k每日电子邮件。虽然与大数据相比毫无意义，但仍然比平均水平高出很多。 ['This']（http://emailclientmarketshare.com/）是我测试的电子邮件客户端列表，效果很好。我相信你正在使用错误的工具或错误的设置来解析/阅读你的电子邮件，而当解决方案适用于你的工具/电子邮件客户端时，你很可能会为了你的很多用户而破坏它。 –

如何使HTML表背景50％透明

回答

相关问题