1

少し問題がありますが、解決策があるかどうかはわかりません。

基本的に、色に依存しないdivボーダーに不透明度グラデーションを作成したいと思います。

説明させてください。

jqueryを使用してビューポートをスライドする別の大きなdiv(SlideDivと呼びます)を含む「overflow:hidden」div(MainDivと呼びます)があります。メインのdivには、同様に移動する「フルビューポート」の背景の複雑な画像があります。すべてが本当に素晴らしい視差効果を生み出します。

予想どおり、「SlideDiv」コンテンツはビューポートの境界を越えて消えます。ここにトリックがあります。コンテンツが消えるだけでなく、消えていくようにしたいと思います:)

これを機能させるには、ビューポートの境界で不透明度のグラデーションを設計する必要があります。また、背景には常に表示する必要のある複雑な画像があるため、このグラデーションを色に関連付けることはできません。言い換えると、「不透明度:1(コンテンツが表示される)から不透明度:0(コンテンツが表示されない)」のグラデーションであり、「不透明度:0(コンテンツが表示される)から白/」のグラデーションが必要です。黒/緑/AnyColor不透明度:1(コンテンツは不透明色の背後にあります)"グラデーション。

つまり、-webkit-gradientまたは-moz-linear-gradientを使用できません。または私はできますか?

恐れ入りますが、ビジネス上の理由でお見せすることはできません。

質問は次のとおりです。-CSS2または3、jQuery、プラグイン、またはその他のテクノロジー(フラッシュを除く)を使用することは可能ですか?-もしそうなら、どのように?:)

はっきりしているといいのですが、よくわかりません。ごめんなさい。

よろしく、ジボウ

4

2 に答える 2

-2

これを見てください。好きなグラデーションを選択でき、そこからグラデーションをサポートするブラウザのCSSを保存できます

于 2011-11-02T16:51:30.047 に答える