图像背景的透明度在表中

时间:2014-06-05 15:03:49

标签: html css image html-table opacity

我正在用PHP开发一个PHP网站。

我正在开发一个网站,我需要在表格中插入背景图片,这是正确的,现在我可以在请求网页时看到图像,但我需要为此图像添加透明度,我知道我我可以用我想要的百分比制作具有阿尔法透明度的PNG,但由于参数提供了对PNG内部的alpha图像透明度的灵活性,我不希望将图像处理成图像编辑器。

我正在使用此标签。

<table background="image.png">

1 个答案:

答案 0 :(得分: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