23.01.2012, 17:17
|
|
Аспирант
|
|
Регистрация: 15.07.2011
Сообщений: 30
|
|
|
Выложить "расширенную" версию не удастся, она "вне офиса" закрыта, но по сути в том куске, что я кинул в архиве проблема ведь также наблюдается. По верху врядли что-то накладывается. Есть на сайте у меня несколько разных внешне "кнопок" в совсем разных местах и там проявилась такая же проблема в опере, я просто показал в архиве приблизительно одну такую кнопку. В принципе, кодингом, года 4+ занимаюсь, не слышал о такой проблеме и не натыкался на такое. Проблема реально прощупывается в активном состоянии :active, если отключаю стили, то всё кликается как следует. Возможно прийдётся в конечном итоге на js пробовать ещё делать "активной" эту кнопку, со стилями какая-то фигня, блин.
|
|
23.01.2012, 17:19
|
|
Аспирант
|
|
Регистрация: 15.07.2011
Сообщений: 30
|
|
>А стоп нашёл это происходит после клика если не двигать мышкой.
>щас подумаю...
Ага, какой-то fucking fuck  , у нас просто тестировщик достаточно дотошный.. |
|
23.01.2012, 17:23
|
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
<!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>
|
|
23.01.2012, 17:28
|
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
|
dr_gluk,
я сейчас посмотрел это помойму в опере на всех сайтах происходит если урла нет...
|
|
23.01.2012, 17:32
|
|
Аспирант
|
|
Регистрация: 15.07.2011
Сообщений: 30
|
|
Сообщение от Seva1986
|
dr_gluk,
я сейчас посмотрел это помойму в опере на всех сайтах происходит если урла нет...
|
так, а, что по сути изменилось, ты имеешь в виду без "http"? то, что ты кинул сейчас тоже не срабатывает. Есть эти области. |
|
23.01.2012, 17:39
|
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
|
dr_gluk,
стоп, давай ещё раз, при ховере на определённых кусках этойй ссылки всегда некликабельная область, правильно? или она возникает только после того как кликнул и не отпуская мышку немного перетащил?
|
|
23.01.2012, 17:55
|
|
Аспирант
|
|
Регистрация: 15.07.2011
Сообщений: 30
|
|
|
Сообщение от Seva1986
|
dr_gluk,
стоп, давай ещё раз, при ховере на определённых кусках этойй ссылки всегда некликабельная область, правильно? или она возникает только после того как кликнул и не отпуская мышку немного перетащил?
|
Воссоздаю проблему:
Наводим мышкой (сначала есть hover со смено bg) и нажимаем под текстом на кнопке (либо правее чуть от него), срабатывает :active (сдвиг и смена бекграунда), не двигаем курсором, отпускаем кнопку мыши и переход по ссылке не происходит. Думаю, что может и можно конечно двигать курсором, но мол всё равно если в той "однопиксельной" зоне попадать, то переход не произойдёт.
Методом исключения я вижe, что трабл именно с :active, если убрать стили для такой ситуации, то fucking областей нету. |
|
23.01.2012, 18:08
|
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
|
dr_gluk,
всё поймал это... да я такого тоже не встречал или не замечал раньше...
но могу предположить что это связанно не с самим :active а со смещением при :active
Если с равнить с лисой например то там если кликнуть и потянуть за фон он двигается вместе с текстом, а в опере текст можно отдельно тащить а фон отдельно, видимо с этим и связанно, при клике идёт сдвиг и видимо изза какойто разницы сдвигов возникает проблема... возможно это можно было бы пофиксисить таким событием
ondragstart = "return false" но опера его не поддерживает, поэтому тоже не поможет...
Самый простой вариант пофиксить это, не двигать кнопку при клике...
попробуй сделать эфект сдвига например с помощью удаления и добавления рамок думаю получится, хотя нет, движение тоже тогда будет происходить, раз уж там спрайт то просто перересуй сами заготовки а кнопку не двигай и не изменяй размер её.
Последний раз редактировалось Seva1986, 23.01.2012 в 18:14.
|
|
23.01.2012, 18:42
|
|
Аспирант
|
|
Регистрация: 15.07.2011
Сообщений: 30
|
|
|
Сообщение от Seva1986
|
dr_gluk,
раз уж там спрайт то просто перересуй сами заготовки а кнопку не двигай и не изменяй размер её
|
Если я правильно понял, ты предлагал подправить спрайт чтобы когда активной становилась, то происходил сдвиг просто в виде позиционирования бекграунда самого, сделал так, при этом текст нужно бы тоже двигать педдингами, но даже без этого, если оставлять текст на месте, для эксперимента "двигать" кнопку самим бекграундом подправленного спрайта, увы всё равно есть такие области..
Ладно, это какая-то странная передряга, мне уже неудобно, что я тебя отвлекаю на такую задачу в течении дня. Попробую "помозговать" ещё сам, чтоли какое-то время. |
|
23.01.2012, 18:54
|
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
|
dr_gluk,
у текста можно тень двигать.
кстати также у самой кнопки можно сделать тень и двиагать...
главное движение кнопки убрать...чтобы её левый верхний угол был на одном месте...
Но это как вариант... не уверен что поможет но баг действительно отвратительный...
|
|
|
|
