少し問題がありますが、解決策があるかどうかはわかりません。
基本的に、色に依存しないdivボーダーに不透明度グラデーションを作成したいと思います。
説明させてください。
jqueryを使用してビューポートをスライドする別の大きなdiv(SlideDivと呼びます)を含む「overflow:hidden」div(MainDivと呼びます)があります。メインのdivには、同様に移動する「フルビューポート」の背景の複雑な画像があります。すべてが本当に素晴らしい視差効果を生み出します。
予想どおり、「SlideDiv」コンテンツはビューポートの境界を越えて消えます。ここにトリックがあります。コンテンツが消えるだけでなく、消えていくようにしたいと思います:)
これを機能させるには、ビューポートの境界で不透明度のグラデーションを設計する必要があります。また、背景には常に表示する必要のある複雑な画像があるため、このグラデーションを色に関連付けることはできません。言い換えると、「不透明度:1(コンテンツが表示される)から不透明度:0(コンテンツが表示されない)」のグラデーションであり、「不透明度:0(コンテンツが表示される)から白/」のグラデーションが必要です。黒/緑/AnyColor不透明度:1(コンテンツは不透明色の背後にあります)"グラデーション。
つまり、-webkit-gradientまたは-moz-linear-gradientを使用できません。または私はできますか?
恐れ入りますが、ビジネス上の理由でお見せすることはできません。
質問は次のとおりです。-CSS2または3、jQuery、プラグイン、またはその他のテクノロジー(フラッシュを除く)を使用することは可能ですか?-もしそうなら、どのように?:)
はっきりしているといいのですが、よくわかりません。ごめんなさい。
よろしく、ジボウ