| |
|
|
| | Доброе время суток, есть код который плавно меняет картинки.
Все работает нормально, но ссылки не кликаются, привожу часть кода:
document.getElementById('pic').innerHTML='<a
href=\"site.ru\" target=\"_blank\"><img
id=\"img1\" src=\"site.ru/123.jpg\" style=\"opacity:1;filter:alpha(opacity=100);\" /></a>';
|
После того как появилась ссылка в виде картинки, ее не получается открыть, тоесть браузер видит ссылку, он даже ее открывает если нажать правой кнопкой мыши и тыкнуть открыть ссылку в новом окне, или копировать ссылку тоже работает, но простой щелчок по ссылки ни к чему не приводит.
Все это происходит из за параметра:
opacity:1;filter:alpha(opacity=100);/
|
Если его убрать то все чудесно работает, я пробовал убирать из style и добавлять через обращение к картинке по id через javsdcript , но эффект тот же.
Пробовал ставить на картинку или саму ссылку событие onclick , но он его так же не видит.
Не пойму как обойти это, может знает кто ? | |
| |
|
|
| |
|
|
| |
для: tim313
(07.11.2011 в 17:29)
| | | браузер ИЕ - 100%. какая версия? | |
| |
|
|
| |
|
|
| |
для: Lelik
(07.11.2011 в 17:48)
| | | у меня 8я, я так же проверял в Хроме и Опере последних.
Мне бы найти костыль для этой проблемы. | |
| |
|
|
| |
|
|
| |
для: tim313
(07.11.2011 в 21:38)
| | | я давно когда-то нарыла, что для ссылки на прозрачном слое надо обязательно указывать position: absolute в слое. вот примерчик:
<div style="position: absolute; top: 450px; left: 0px; z-index: 100;">
<div style="position: relative; cursor: pointer;">
<div style="background: url('images/postit.png') no-repeat; width: 200px; height: 200px; cursor: pointer; visibility: visible; padding-top: 24px;" class="iepng" onmouseover="document.getElementById('link_1').style.color='#ff4500';" onmouseout="document.getElementById('link_1').style.color='#000066';">
<a id="link_1" href="search_comments.php" title="Add Your Own Comments" style="text-decoration: none; cursor: pointer; width: 200px; height: 200px; display: block; text-decoration: none;" class="postit">
<? if ($_SESSION["interface_lang"] == "RU") {?>
Ваши впечатления <br>о Греции<?} else if ($_SESSION["interface_lang"] == "EN") {?>
Yours impressions <br>from Greece
<?}?></a>
</div>
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(07.11.2011 в 23:03)
| | | Пробовал добавлять position: absolute; как к ссылке, так и к картинке, не помогает.
Облать ссылки он понимает правильно всегда....проблем с положением как бы нету....
И в вашем примере почему то нет атрибутов прозрачности opacity | |
| |
|
|
| |
|
|
| |
для: tim313
(07.11.2011 в 17:29)
| | | Запустите в любом браузере следующий код:
<a href="http://www.google.com/" target="_blank">
<img id="img1" src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" style="opacity: .5; filter: alpha (opacity=50)"></a>
|
И убедитесь, что везде это работает НОРМАЛЬНО.
А это и есть ваш код - изменены только href у ссылки и src у картинки, да и убраны абсолютно ненужные слеши.
Прозрачность установлена в 50%, дабы наличие эффекта видно было.
И, прошу заметить, - никакого позиционирования не нужно.
Отсюда: ваша проблема никак не в наличии стиля и не в "прозрачности", а совсем таки в ином. | |
| |
|
|
| |
|
|
| |
для: АЯС
(08.11.2011 в 01:51)
| | | ой спасибо, нашел ошибку в скрипте, получалось что то типа безконечного цикла который создавал ссылку с картинкой. | |
| |
|
|
