我需要在电子邮件中嵌入图像.我该怎么做?
我不想使用第三方工具,也不想对语言特定的答案感兴趣(但它是PHP,以防你想知道).
我只对生成的电子邮件正文的格式感兴趣.
我还没有找到解决方案......
我尝试了一切
border:0;
border:none;
outline:none;
Run Code Online (Sandbox Code Playgroud)
没有任何运气......有趣的是IE7中的断开链接图标与我的图像重叠.
有什么建议吗? 链接在这里
HTML(由WordPress生成)
<form id="searchform" method="get" action="http://eezzyweb.com/">
<div>
<input id="s" name="s" type="text" value="" size="32" tabindex="1"/>
<input id="searchsubmit" name="searchsubmit" type="image" value="" tabindex="2"/>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
CSS
input#s{
position:relative;
width:245px;
height:28px;
border:0;
vertical-align:bottom;
background:url(images/input-search-bkg.png) 0 0 no-repeat;
}
#searchsubmit {
display:inline-block;
background:url(images/submit-bkg.png) 0 0 no-repeat;
width:30px;
height:30px;
border:0;
vertical-align:bottom;
}
Run Code Online (Sandbox Code Playgroud)
Firefox和Opera渲染图像按钮确定,但在Chrome和Safari中我得到了它周围的灰色边框.IE 7和8在我的图像上添加一个符号(破碎的图标?)...我很困惑.
有人可以就此提出建议吗?WebKit浏览器继续在禁用的图像周围放置一个灰色的1px边框.我需要删除此功能的原因是为电子邮件客户端禁用图像时的电子邮件优化.在Firefox中运行良好,但WebKit浏览器不断显示边框.
我已尝试过border:none !important包括内联在内的所有地方,但Chrome/Safari却很顽固.
编辑:这是带有内联css的示例html
<img style="outline:none;text-decoration:none;display:block;border:none;-webkit-border:0;" border="0" src="images/rm_bnk.gif" width="10" height="10" alt="test" />
Run Code Online (Sandbox Code Playgroud) 我有一张桌子,上面有一些想要开始的图片,里面没有图片.我设置了src ="".但是当在浏览器中查看时,它显示了破碎的图像.
<tr>
<td><img src=""> </td>
<td><img src=""> </td>
<td><img src=""></td>
</tr>
Run Code Online (Sandbox Code Playgroud)
在将某些数据放入src属性之前,如何阻止浏览器显示损坏的图像pics或X等等.