Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 重叠背景图像_Css_Background Image - Fatal编程技术网

Css 重叠背景图像

Css 重叠背景图像,css,background-image,Css,Background Image,我有一个使用css属性background image的带有背景图像的表。在表中,我有一些使用我不确定我是否完全理解这个问题,但是如果你想让背景图像通过部分内容图像显示,你需要使用png或gif,因为它们允许图像的部分透明,而jpg不允许。我不确定我是否完全理解这个问题,但是,如果您希望背景图像通过部分内容图像显示,则需要使用png或gif,因为它们允许部分图像透明,而jpg不允许 <style> #content { background-image:url("background

我有一个使用css属性background image的带有背景图像的表。在表中,我有一些使用
我不确定我是否完全理解这个问题,但是如果你想让背景图像通过部分内容图像显示,你需要使用png或gif,因为它们允许图像的部分透明,而jpg不允许。我不确定我是否完全理解这个问题,但是,如果您希望背景图像通过部分内容图像显示,则需要使用png或gif,因为它们允许部分图像透明,而jpg不允许

<style>
#content { background-image:url("background-image.jpg"); background-repeat:repeat-y} 
</style>

<table id="content">
<tr>
  <td>Some text.....text.....text
    Image: <img src="quadrado.jpg" />
  </td>
</tr>
</table>
听起来您需要一个覆盖层。仅使用CSS是无法做到这一点的。
但您可以通过添加以下样式来接近:

"I would like to display the two images. The background image 
above the quadrado.jpg ! Like a watermark"
.
要获得更多真正的覆盖,您需要将其编码到HTML中或使用javascript动态添加

请看。它使用javascript为具有类
overlythebackground
的块生成覆盖

还有


也许贴一张你想要的照片

但是,听起来您只需添加以下样式:

#content
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}
#content img
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}

听起来您需要一个覆盖层。仅使用CSS是无法做到这一点的。
但您可以通过添加以下样式来接近:

"I would like to display the two images. The background image 
above the quadrado.jpg ! Like a watermark"
.
要获得更多真正的覆盖,您需要将其编码到HTML中或使用javascript动态添加

请看。它使用javascript为具有类
overlythebackground
的块生成覆盖

还有


也许贴一张你想要的照片

但是,听起来您只需添加以下样式:

#content
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}
#content img
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}

我想显示这两幅图像。quadrado.jpg上方的背景图像!像水印一样。谢天谢地,演示页面有一个竞争条件,所以它并不总是正确地测量位置(当从web而不是我的intranet上退出时)。现在应该可以修复了。谢谢,这篇文章帮了我很大的忙。我想展示这两张图片。quadrado.jpg上方的背景图像!像水印一样。谢天谢地,演示页面有一个竞争条件,所以它并不总是正确地测量位置(当从web而不是我的intranet上退出时)。现在应该修好了。谢谢,这个帖子帮了我很多忙。