31

これが私のヘッダーのHTMLスクリプトです：

<div class="header">
<div class="logo"><a href="Default.aspx"><img src="style/images/logo.png" alt="" /></a></div>
<div class="toplink"><a href="Signin.aspx">Sign in</a></div>
<div class="search">
    <form class="searchform" runat="server" method="get">
        <input type="text" id="s" name="s" value="Search for photos" onFocus="this.value=''" onBlur="this.value='Search for photos'"/>
    </form>
</div>
</div>

そしてここにCSSスクリプトがあります：

.logo {
    padding: 30px 0;
}

.logo img {
    display: inline;
} 

.toplink {
    position: absolute;
    bottom: 40px;
    right: 280px;
    font-size: 14px;
}

.search {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 14px;
    width: 330px;
}

どういうわけか、サインインリンクはクリックできませんが、絶対位置を削除すると、正常に機能します。位置を維持しながらリンクを機能させる方法はありますか？どんな提案でもありがたいです、そして前もって感謝します。

-編集-問題はどこかにあることがわかりました。実際、私はマスターページを使用しており、それを使用してデフォルトのASPページを作成しました。この問題は、マスターページの作成に使用したHTMLファイルではなく、そのASPページをテストした場合にのみ発生します。私が複雑に聞こえたら申し訳ありませんが、ええ、問題は私にとって一種の複雑です。うまくいけば、誰かが私の理由を指摘することができます。

4

2 に答える 2

91

クラスに追加z-index:10;してみてください。.toplink{...}

于 2012-05-19T07:56:53.047 に答える
5

絶対に配置されたdiv内にボタンがあり、この問題が発生しました。z-index十分ではなかったので、pointer-events: all代わりに使用しました。

于 2019-10-31T21:19:00.030 に答える