1

順序付けられていないリストでナビゲーションを使用して Web ページを作成しています。

iPhone または iPad で、リンクをクリックしても何も起こりません。背景色を変更するためだけにリンクを「タッチ」し、何も起こりません。リンクをアクティブにする唯一の方法は、リンクを数秒間保持して、デフォルトの iOS オプション、つまり「新しいウィンドウで開く」を表示することです。サイトには、正しく機能する他のリンクとナビゲーションがあります。問題を引き起こしているのは、この一連のリンクだけです。

これを引き起こす可能性のある HTML または CSS の何かを確認できますか?

これは、リスト アイテムに適用されるフェード トランジションと関係がありますか?

下部のマークアップを参照してください。(おそらく問題とは無関係なので、テキスト/背景のスタイリング クラスなどをいくつか削除しました。)

HTML

<ul class="list">           
    <li>
    <a class="example" href="#">
    <i class="icon-medium icon-map"></i>
    <p><strong>Example description goes here</p>
    </a>
</li>
<li>
    <a class="example" href="#">
    <i class="icon-medium icon-map"></i>
    <p><strong>Example description goes here</p>
    </a>
</li>

CSS

.list ul { list-style-type:none; padding:0px; margin:0px; }
.list ul li { display:block; float:left; width:50%; min-height:100px; position:relative;  transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.list ul li a.example { display:block; width:100%; height:100px; }
.list ul li:hover, .list ul li:active { color:#FFF; }
4

1 に答える 1

1

いくつかの問題を引き起こしている可能性のあるものの 1 つは、タグです。これらは非推奨のイタリック体のタグであり、class 属性を保持するべきではありません (まれな場合を除きます)。これらを削除するか、適切なタグに変更してみてください (何をしようとしているのかわかりません)。これで問題が解決する場合があります。

于 2013-04-24T13:17:47.193 に答える