1

ページが機能していて、ページを更新してクラッシュを確認する必要がある場合があります。

ここでライブサンプルを見ることができます: http://rcnhca.org.uk/sites/first_steps/account/ (ie7 は問題なく動作します。私は ie6 をサポートしていません)

次の値で送信ボタンのスタイルを設定しようとしています:

a.button, input.button {
    border: 2px solid #3A90A7;
    border-radius: 5px 5px 5px 5px;
    color: #202D32;
    display: block;
    float: left;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0.667em 0.333em;
    padding: 0 1em;
    position: relative;
    text-decoration: none;
}

a.button:hover, input.button:hover{
    border: #202d32 solid 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
}

input[type=submit] {
    behavior: url(http://rcnhca.org.uk/sites/first_steps/PIE.htc);
    position: relative;
    -pie-poll:true;
}

a.button:hover, input.button:hover{
    -pie-box-shadow: none;
}

.button {
    -pie-background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}

.button.active {
    -pie-background: linear-gradient(top, #b7b7b7 0%,#b7b7b7 8%,#e5e5e5 8%,#ffffff 100%);
}

最後に、すべての栄光の送信ボタン:

<input id="submitbtn" class="button omega" type="submit" value="Create your account" name="submit">

このクラッシュの原因を知っている人はいますか? スクリプトが原因でページの実行が遅くなっていること以外の情報は得られません。

4

3 に答える 3

3

同じ問題が発生しましたが、境界線の1つが必要でnone、CSS3PIEがクラッシュしたため、IE8でボタンが機能しないことがわかりました。からに変更しborder-left: none;てborder-left-width: 0;動作しました。

于 2012-09-18T23:41:33.857 に答える
1

確認してテストしますが、まず CSS3PIE についていくつか知っておく必要があります。

CSS3PIE は、Javascript を使用してグラフィックスを描画できる VML (ベクトル マークアップ言語) を使用し、一般的な CSS3 のような効果を作成する機能を備えていますが、制限があります。

Javascript を使用してグラフィックを描画するため、ブラウザのリソースを大量に使用し、ハングアップして最終的にクラッシュさせます。

以前は CSS3PIE を使用していましたが、Paul Irish によるこの印象的な類推を読んだ後、使用をやめました。IE で正常に機能を低下させるように設計を適応させることに集中する必要があります。Modernizrのようなものを使用して、ブラウザに不足している機能を確認し、特定のスタイルを追加するとよいでしょう。

テスト後に戻ってきます

アップデート

私はIE8でテストしましたが、はい、クラッシュします。あなたが行くことができるものは何もないと思います:(

単色のライト グレーにフォールバックするか、背景にグラデーション イメージを使用することをお勧めします。

于 2012-07-16T12:40:41.507 に答える
0

さらにいくつかのテストを行ったところ、この問題の答えが見つかりました。送信ボタンであるという事実ではなく、ある種のフォームボタンであるという事実であり、私はそれを与えましたfont-size。

要素のプロパティを削除するfont-sizeと、IE8のクラッシュが停止し、私は幸せなバニーです。

フォントサイズのあるCSSの部分を含めなかったのでお詫びします（それは大きなファイルです、私はそれを釉薬しました）。

于 2012-07-18T07:53:43.503 に答える