ウォーターマーク（HTML形式）

Question

私はウォーターマークとして私のロゴを持っています。非常に退屈なので、テキストは簡単で読みやすい。私はウォーターマークの中心にしたいと大きいしかし、私はつまらない....任意のヒント？

<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

これは、フォームを読みにくくするためにこれを行うことをお勧めします。

が

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; 
} 

あなたは、バックグラウンド・サイズを試すことができます：あなたする必要があり、それはフォトショップでかなり手動でPNGの透明度を減らす使用することが最善なら /GIMP等そして、これを試してカバー|それを大きくするためには含まれていますが、大きな画像が必要な場合や、伸ばされる場合があります。