学校の友達のウェブサイトを再設計中です。途中で、Google Chrome で奇妙なバグに遭遇しました。CSS3 グラデーションの背景を使用して、連絡先フォーム (非常に基本的な、input名前と電子メール アドレスとtextareaコメントのそれぞれ) のスタイルを設定しました。
フィールド内をクリックしてデータを入力すると、名前inputとtextarea親form要素の背景色が取得されるまで、すべてが正常に機能します。一方、電子メールinputは、フォーカスされている場合とそうでない場合の両方で (必要に応じて) グラデーションを保持します。
http://www.chrisphilpot.co.uk/lucycooper2012/にアクセスして、私が何を得ているかを確認してください。私が言ったように、それは Firefox でうまく見えるようで、IE9 はフラットな背景 #FFF を拾い上げます。
これを修正するための素晴らしいアイデアはありますか? このページを圧縮されていない完全な CSS に再リンクしたので、自由に調べてみてください。フォームの主なスタイルは次のとおりです: http://www.chrisphilpot.co.uk/lucycooper2012/css/form.css
あなたの助けと時間をありがとう！