1

背景画像の上に三角形をユーザーに表示する方法を教えてください。三角形のUIを作りたいです。そのために、2 つの画像 (1 つの background.jpg とマスキング画像、triangle.png) をマスクしています。この新しい画像を div の背景に使用しています。MaskImageを使用してこれを達成しました。

結果の画像

しかし、問題は、背景画像のサイズは変更されますが、triangle.png のサイズは固定されていることです。また、線形グラデーション、css プロパティを使用してみました。しかし、IEでは機能しません。サイズに関係なく2つの画像をマスクするプラグインはありますか。または私の目標を達成するための他の最適な方法。

前もって感謝します :)

4

1 に答える 1

4

:beforeCSS でとを使用して 2 つのマスキング三角形をオーバーレイし、 http://css-tricks.com/snippets/css/css-triangle/:afterのような不均等な境界プロパティを使用して三角形を作成できるはずです。

編集: http://jsfiddle.net/A9Zbj/11/ (やった!)

于 2012-09-26T10:23:47.940 に答える