2

テキストをクリックすると、期待どおりに新しいリンクが開きますが、灰色がかった背景色とオレンジ色のロールオーバーに設定されているパディングをクリックすると、リンクも開く方法はありますか?

http://postimg.org/image/4olp43nar/fb37a8ac/

JavaScriptは以下です

sophiaList += "<li class='sophia_list_itemb' ><a class='sophia_book_link' 
href='" + neighborUrl + params + "' onclick='window.open(this.href); return false;' >" + image_title
        + "</a></li>";

CSS

.sophia-books-listView li {
display: block !important;
/*height: 175px !important;*/
position: relative !important;
margin-bottom: 35px !important;
text-align:left !important;
font-family: verdana !important;
font-style: bold;
font-size: 13px;
background-color: #EBEBEB !important;
padding: 8px !important;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: -4px 3px 4px rgba(0, 0, 12, 0.72);
margin-left: 2px;
padding-left: 5px;
width: 80%;}

リンク先の画像を参照してください。ありがとう。

4

3 に答える 3

0

これは実際にはデフォルトです。パディングはアンカー タグの一部と見なされるため、クリック可能です。

フィドル

<a href="#">Clicking on the padded area also works</a>

a
{
    padding: 20px;
    background: orange;
}
于 2013-09-12T12:03:32.273 に答える