表格中图像背景的透明度[重复]

Posted 2023-03-06

【中文标题】表格中图像背景的透明度[重复]

【英文标题】：Transparency for image background in a table [duplicate]

【发布时间】：2014-07-26 15:42:19

【问题描述】：

我正在用 php、html 和 CSS 开发一个网站。

我正在开发一个网站，我需要在表格中插入背景图片，没错，现在我请求网页时可以看到图片，但是我需要给这张图片添加透明度，我知道我可以按照我想要的百分比来制作具有 alfa 透明度的 PNG，但我不喜欢将图像处理到图像编辑器中，因为参数提供了针对 PNG 内的 alpha 图像透明度的灵活性。

我正在使用这个标签。

<table background="image.png">

【参考方案1】：

试试这样的：

table 
  width: 200px; /* your width */
  height: 200px; /* your height */
  display: block;
  position: relative;


table:after 
  content: "";
  background: url(image.png);
  opacity: 0.5; /* set your opacity */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   

DEMO HERE