奇妙なhtmlエラー

Question

私はいくつかの本当に奇妙な動作を示しているリンクのリストを持っています。コードは次のとおりです。

<ul id="home" class="panel" title="title_here" selected="true"> 
    <li><a href="#search">Search for Name</a></li> 
    <li><a href="#browse">Browse by Department</a></li> 
</ul> 

iUIフレームワークを使用して、iPhoneサイトの一部です。私はuiUIが優れていることを知っていますが、私の上司はiUIフレームワークの外観がより好きなので、それを使用しなければなりません。このフレームワークは 'selected = "true"' attrを使用して動作し、リンクが別のIDに移動した場合は、jsを使用してリンク先のIDに 'selected = "true"'を追加します。

私の問題は次のとおりです。リンクをたどってから「戻る」をクリックすると、クリック可能なセクションがリンク全体の「li」ではなく背景画像に変わります。ここにCSSがあります：

body > ul > li > a { 
display: block; 
margin: -8px 0 -8px -10px; 
padding: 8px 32px 8px 10px; 
text-decoration: none; 
color: inherit; 
background: url(listArrow.png) no-repeat right center; 
} 

実際の画像サイズ（PS、ペイントなど）がこれを修正しますか？

Answer 1

できるだけマイナスマージンを避けてください。彼らは非常に、非常に厄介になることができます。暗闇の中で

ショット：ホバー：訪問：リンク：

• あなたがのために任意のスタイルを設定することがありますか？そうでない場合は、現在のスタイルにそれらを追加し、確認し、再び

例：

body > ul > li > a, 
body > ul > li > a:link, 
body > ul > li > a:visited, 
body > ul > li > a:hover, 
body > ul > li > a:active { 
    display: block; 
    margin: -8px 0 -8px -10px; 
    padding: 8px 32px 8px 10px; 
    text-decoration: none; 
    color: inherit; 
    background: url(listArrow.png) no-repeat right center; 
} 

• ではなく、Aさんへの負のマージンを、LIのにパディングを設定してみてください。

• Aの代わりにLIの背景を設定してみてください。それはデザインで許可されていて、Aのパディングを取り除くことです。

実際にはiPhone/iUIのバグです。明らかに、それは一度うまく動作しますが、次のものは面白いことがあります。