2011-01-17 12 views
1

実際にこのコード、Webkitブラウザの境界線の設定方法は?

-webkit-gradient(線形、左上、左下、(白)から(黒));

は、テキストボックスやボタンのようなコントロール全体の色を塗りつぶしています。

ただし、このサイトから取得したコードは、次のように境界線でのみ動作します。 これは、私の必要性をmozillaで満たします。 Webkitで境界線にグラデーションを与えたい場合、どうすればいいですか? Plsは私を助けます..

-moz-border-top-colors:#7dbec5#e9eceC#eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-right-colors:#7dbec5#e9eceC#eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-left-colors:#7dbec5#e9eceC#eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa; -moz-border-bottom-colors:#7dbec5#e9eceC#eaecec#f1f2f2#f2f3f3#f7f8f8#f9f9f9 #fafafa;

答えて

3

ここに表示されている内容:http://help.dottoro.com/lclxpenm.php、 ウェブキットブラウザには類似のプロパティはありません(左側のリストを確認できます)。 しかし、-webkit-box-shadowプロパティを使ってトリックを行うことができます(http://help.dottoro.com/lceuwxiv.php#-webkit-box-shadow)。ボーダー画像のための http://jsfiddle.net/fvXm7/

0

グラデーション現在のWebKitでは正常に動作していません。ここで

は、サンプルコード(WebKitのブラウザ上で動作)です。あなたが注意するように、彼らは境界ボックスにクリッピングされたままではありません、彼らはパディングとコンテンツボックスにオーバーフローします。

関連する問題