Question

在表单中，我希望将我的徽标设为Watermark。非常褪色，因此文本很容易阅读。我想要Watermark中心和更大但是我被卡住....任何提示？

<form style="background: ##f7f8fa; border-radius: 4px; box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); padding: 15px;">&nbsp;

<div>
<div id="image" style="width: 100%;height: 100%;position: relative;top: 0;left: 0;"><img src="https://ajrecruit-mhwbfrdhg9uflyxxtkv.stackpathdns.com/wp-content/uploads/2017/07/HD_AJRecruit_Logo.png" /></div>
<div id="watermark" style="background:url(images/HD_AJRecruit_Logo.png) no-repeat; width: 100%; height: 100%; position: relative; top: 0; left:0;"></div>
</div>

</form>

Answer 1

我建议不要这样做，因为它会使表单更难阅读。如果你必须最好使用photoshop / GIMP等手动降低PNG的透明度，那么试试这个：

form{
  background: background:url('https://ajrecruit-mhwbfrdhg9uflyxxtkv.stackpathdns.com/wp-content/uploads/2017/07/HD_AJRecruit_Logo.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

你可以尝试背景大小：封面|包含使其变大但你需要一个更大的图像或它将被拉伸。

HTML格式的水印

1 个答案: