layout - Webページのcss3グラデーションの背景にテキストとロゴ画像

Question

Webページには、CSS3を使用したグラデーション（bodyタグ内）があります。次に移動して画像（サイト名のロゴ）を追加するページのグラデーションと画像の色が異なることに気づきました。これは、Webページの背景がCSS3で生成され、画像の背景色が固定されており、両者が異なるためです。

私が試したことは？ divの背景およびimgタグとして画像を追加します。divにグラデーションを適用する

しかし、運はありません。

どのように管理できますか？ご案内ください。

ありがとう

Answer 1

ロゴのテキストを背景が透明な .png として保存することはできませんか? body タグにグラデーションを追加した場合、ブラウザー ウィンドウが拡大および縮小すると変化します。

Answer 2

ロゴ画像を透明な背景で保存する必要があります。ロゴのpsdファイルを開き、背景レイヤーの表示を無効にしてから、png画像として保存します。