Ответ 1
Попробуйте добавить класс z-index:10;
в .toplink{...}
.
Вот HTML script моего заголовка:
<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 script:
.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;
}
Как-то ссылка Войти не может быть нажата, но когда я удаляю абсолютную позицию, она работает нормально. Есть ли способ заставить ссылку работать, сохраняя при этом позицию? Любое предложение приветствуется, и спасибо заранее.
-Edit- Оказывается, проблема лежит где-то в другом месте. На самом деле я использую masterpage, и я создал страницу ASP по умолчанию, используя ее. Проблема возникает только тогда, когда я тестирую эту страницу ASP, а не файл HTML, который я использовал для создания главной страницы. Извините, если я говорю сложно, но да, проблема сложная для меня. Надеюсь, кто-то может указать мне причину.
Попробуйте добавить класс z-index:10;
в .toplink{...}
.