Html 为emailer覆盖div
我正在尝试设计一个电子邮件发送程序，当在电子邮件客户端中打开时，它将响应迅速，不会变成垃圾。因此，这带来了一系列限制：Html 为emailer覆盖div,html,css,gmail,overlay,Html,Css,Gmail,Overlay,我正在尝试设计一个电子邮件发送程序，当在电子邮件客户端中打开时，它将响应迅速，不会变成垃圾。因此，这带来了一系列限制： 无背景尺寸/位置 没有负利润 无位置属性 无显示属性 不喜欢使用表格 有关Gmail的更完整限制列表，请参见： 现在，我必须处理与div大小无关的图像，需要放大或缩小以覆盖背景。我还需要放置一个黑色的覆盖，这样即使在白色背景上也可以看到白色文本。我试图靠近，但没有找到一种方法使背景图像覆盖整个分区。这是我最近的一次尝试： #background{ backgroun
- 无背景尺寸/位置
- 没有负利润
- 无位置属性
- 无显示属性
- 不喜欢使用表格
#background{
background-image: url(http://placehold.it/320x400);
background-position:50% 50%; /*not allowed*/
background-size:cover; /*Not allowed*/
margin:5px;
max-height:400px;
max-width:320px;
width:100%;
height:100%;
z-index:0;
float:left;
}
#overlay{
background: rgba(0,0,0,.35);
height:100%;
width:100%;
max-height:400px;
}
#cat{
padding:10px;
font-size:10px;
letter-spacing:.5em;
text-transform:uppercase; color:white;
}
#title{
font-size: 20px;
max-width: 243px;
padding:10px 200px 340px 10px;
vertical-align:bottom;
letter-spacing:0;
text-transform:uppercase;
word-wrap:break-word;
overflow: auto; /*hidden isn't allowed!?*/
font-family: "Oswald", Arial, sans-serif;
color:white;
}
<body>
<div style="display:flex;">
<div id="background">
<div id="overlay">
<div id="cat">category</div>
<div id="title">title</div>
</div>
</div>
</div>
</body>
#背景{
背景图片：url(http://placehold.it/320x400);
背景位置：50%50%；/*不允许*/
背景尺寸：封面；/*不允许*/
保证金：5px；
最大高度：400px；
最大宽度：320px；
宽度：100%；
身高：100%；
z指数：0；
浮动：左；
}
#覆盖层{
背景：rgba（0,0,0,35）；
身高：100%；
宽度：100%；
最大高度：400px；
}
#猫{
填充：10px；
字体大小：10px；
字母间距：.5em；
文本转换：大写；颜色：白色；
}
#头衔{
字体大小：20px；
最大宽度：243像素；
填充：10px 200px 340px 10px；
垂直对齐：底部对齐；
字母间距：0；
文本转换：大写；
单词包装：打断单词；
溢出：自动；/*不允许隐藏*/
字体系列：“Oswald”，Arial，无衬线；
颜色：白色；
}
类别
标题