テキストとクリック可能なリンクの上に表示される透明なイメージを持つWebページを作成しようとしています。 Here is the mockupのように見せてください。here is the current siteとthe repoです。オーバーレイは植物イメージです。クリック可能なリンク上のオーバーレイ透明イメージ
私はこれを行うことができるいくつかの方法を考えることができますが、私はそれを行う最良の方法は不明です。おそらく私も考慮していない別の方法があります。ここで私がやって考えているものです:
それは黄色の背景で画像として表示され、その後、植物の残りの部分は、背景の一部として表示されるように、非常に慎重に植物の画像をクリップ内部フレーム。
植物イメージをテキスト上に重ねて表示します(おそらくz-インデックスを使用しますか?)、ナビゲーションメニューも同様にグラフィックにしてください(前に表示されるように)。イメージマッピングを使用してリンクを選択します。
その他のアイデアは大変ありがたいです。私の解決策は、通常のブラウザの容疑者(IE> 7/8)と互換性があるはずです。ありがとうございました。
rgbaはIEでは動作しませんが、動作させるためのハックを作成できます。 – L84
rgbaの良いアイデア。解決に感謝します。 – CuriousYogurt