Выложить "расширенную" версию не удастся, она "вне офиса" закрыта, но по сути в том куске, что я кинул в архиве проблема ведь также наблюдается. По верху врядли что-то накладывается. Есть на сайте у меня несколько разных внешне "кнопок" в совсем разных местах и там проявилась такая же проблема в опере, я просто показал в архиве приблизительно одну такую кнопку. В принципе, кодингом, года 4+ занимаюсь, не слышал о такой проблеме и не натыкался на такое. Проблема реально прощупывается в активном состоянии :active, если отключаю стили, то всё кликается как следует. Возможно прийдётся в конечном итоге на js пробовать ещё делать "активной" эту кнопку, со стилями какая-то фигня, блин.
|
>А стоп нашёл это происходит после клика если не двигать мышкой.
>щас подумаю... Ага, какой-то fucking fuck :), у нас просто тестировщик достаточно дотошный.. |
Вложений: 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
<style>
a.add_advert {
background-image: url(http://javascript.ru/forum/attachments/xhtml-html-css/1095d1327324958-ne-klikabelnye-oblasti-ssylki-v-opera-123-png);
background-repeat: no-repeat;
}
a.add_advert {
position: absolute;
width: 109px;
display: block;
height: 16px;
top: 200px;
left: 200px;
background-position: 0px 0px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-shadow: 0 -1px #497E16;
padding: 7px 0px 8px 35px;
z-index: 100;
}
a.add_advert:hover {
width: 112px;
height: 16px;
top: 197px;
left: 197px;
background-position: -212px 0px;
padding: 10px 0px 11px 38px;
}
a.add_advert:active {
background-position: -212px -37px;
width: 112px;
height: 16px;
top: 198px;
left: 198px;
padding: 10px 0px 11px 38px;
}
</style>
</head>
<body>
<a class="add_advert" href="http://www.google.com">Blablabla</a>
</body>
</html>
|
dr_gluk,
я сейчас посмотрел это помойму в опере на всех сайтах происходит если урла нет... |
Цитата:
|
dr_gluk,
стоп, давай ещё раз, при ховере на определённых кусках этойй ссылки всегда некликабельная область, правильно? или она возникает только после того как кликнул и не отпуская мышку немного перетащил? |
Цитата:
Наводим мышкой (сначала есть hover со смено bg) и нажимаем под текстом на кнопке (либо правее чуть от него), срабатывает :active (сдвиг и смена бекграунда), не двигаем курсором, отпускаем кнопку мыши и переход по ссылке не происходит. Думаю, что может и можно конечно двигать курсором, но мол всё равно если в той "однопиксельной" зоне попадать, то переход не произойдёт. Методом исключения я вижe, что трабл именно с :active, если убрать стили для такой ситуации, то fucking областей нету. |
dr_gluk,
всё поймал это... да я такого тоже не встречал или не замечал раньше... но могу предположить что это связанно не с самим :active а со смещением при :active Если с равнить с лисой например то там если кликнуть и потянуть за фон он двигается вместе с текстом, а в опере текст можно отдельно тащить а фон отдельно, видимо с этим и связанно, при клике идёт сдвиг и видимо изза какойто разницы сдвигов возникает проблема... возможно это можно было бы пофиксисить таким событием ondragstart = "return false" но опера его не поддерживает, поэтому тоже не поможет... Самый простой вариант пофиксить это, не двигать кнопку при клике... попробуй сделать эфект сдвига например с помощью удаления и добавления рамок думаю получится, хотя нет, движение тоже тогда будет происходить, раз уж там спрайт то просто перересуй сами заготовки а кнопку не двигай и не изменяй размер её. |
Цитата:
Ладно, это какая-то странная передряга, мне уже неудобно, что я тебя отвлекаю на такую задачу в течении дня. Попробую "помозговать" ещё сам, чтоли какое-то время. |
dr_gluk,
у текста можно тень двигать. кстати также у самой кнопки можно сделать тень и двиагать... главное движение кнопки убрать...чтобы её левый верхний угол был на одном месте... Но это как вариант... не уверен что поможет но баг действительно отвратительный... |
| Часовой пояс GMT +3, время: 18:14. |