我在表格上有一张图片,该图片已使用 CSS 设置样式。当我在没有 href 的情况下将我的图像放在 table 上时,这很好,一旦我应用 href,透明度就不再起作用。有什么办法解决这个问题吗?
表格样式
table.list_data {
background-color:#F3F3F3;
border:1px outset #A1A1A1;
border-collapse:collapse;
border-spacing:2px;
font-family:'MS Shell Dlg';
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
width:100%;
}
发生在 Chrome 和 FF 中,没有尝试过 IE,但我希望相同。
html.....
<td><a href="javascript:loadContent('#action','addjob.php?id=31');"><img alt="Add A job" src="images/add.png"/></a></td></tr><tr><td>joe bloggs</td>
最佳答案
尝试添加以下内容:
a{
background: transparent !important;
}
a img{
background: transparent !important;
}
在生产站点中这样做并不是一个非常好的主意。这表明您的 css 代码有问题。尝试查看 CSS 并找到导致 anchor 标记具有非透明背景的原因。
关于css - 用作链接时,PNG 会失去透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1623443/