在表格单元格中看不到白色背景上的白色图像

时间：2020-07-06 19:58:56

标签： css

在此page上，我有一些链接。尤其是Cascade设计中的一种：

Cascade 

<tr>
    <td style="border-bottom-color:#eeeeee;border-top-color:#eeeeee;border-width:1px;text-align:center"
        data-border-color="#eeeeee">
        <img class="wp-image-1564" 
             style="width: px;" 
             src="https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white.png" 
             alt="" 
             srcset="https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white.png 369w, https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white-300x85.png 300w"
             sizes="(max-width: 369px) 100vw, 369px">
    </td>
    <td style="border-bottom-color:#eeeeee;border-top-color:#eeeeee;border-width:1px"
        data-border-color="#eeeeee">
           <a rel="noreferrer noopener" 
              href="http://www.cascadedesign.co.uk/" 
              target="_blank">Cascade Design</a>&nbsp;offers services for Design | Web | Branding | Media. 
    </td>
</tr>

问题是，经设计，该公司的徽标是白色，而我的网站背景是白色。在此单元格中以CSS样式呈现图像的最佳方法是什么？

1 个答案:

答案 0 :(得分：1)

在这里，我将背景色设置为#eaeaea，以使图像可见。您可以将其更改为您喜欢的任何颜色。

<tr>
    <td style="border-bottom-color:#eeeeee;border-top-color:#eeeeee;border-width:1px;text-align:center"
        data-border-color="#eeeeee">
        <img class="wp-image-1564" 
             style="background-color: #eaeaea" 
             src="https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white.png" 
             alt="" 
             srcset="https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white.png 369w, https://www.publictalksoftware.co.uk/wp-content/uploads/2018/06/cascade-logo-white-300x85.png 300w"
             sizes="(max-width: 369px) 100vw, 369px">
    </td>
    <td style="border-bottom-color:#eeeeee;border-top-color:#eeeeee;border-width:1px"
        data-border-color="#eeeeee">
           <a rel="noreferrer noopener" 
              href="http://www.cascadedesign.co.uk/" 
              target="_blank">Cascade Design</a>&nbsp;offers services for Design | Web | Branding | Media. 
    </td>
</tr>

相关问题
最新问题