Как сделать определенною часть в чужом iframe некликабельной?

chese 27.10.2015 Общие вопросы по вёрстке, Стили (CSS), jQuery 2861

вопрос

Здравствуйте. Можно ли посредством css или JS сделать определенную часть стороннего iframe некликабельной?
Можно конечно прикрыть с помощью наложения блока и z-index, но как только даешь прозрачность, ссылка опять кликабельна.

Исключительно в качестве примера:

<iframe style="width:800px; height:450px;" src="http://cdn.publishers.spilgames.com/mirror/flash/r/Rallypoint_extreme/Rally_Point_Extreme2/Bin/_index.html" scrolling="no" frameborder="0"></iframe>

Внизу по центру ссылка на сайт Fl....ru. Её нужно сделать некликабельной.

Ответа пока нет

5 комментариев

Юзер

171

Proff - 2015-03-3127 октября 2015 19:30 - #49688

картинкой прикрывать пробовал с прозрачностью? как вариант event.stopPropagation пробуй.
вот пример на вскидку нашел vivazzi.ru/blog/22/

Юзер

300

misha-koder - 2015-03-3127 октября 2015 19:48 - #49689

Исключительно в качестве примера


<div id="wrapper">
    <iframe style="width:800px; height:450px;" src="http://cdn.publishers.spilgames.com/mirror/flash/r/Rallypoint_extreme/Rally_Point_Extreme2/Bin/_index.html" scrolling="no" frameborder="0"></iframe>
    <div id="overlay"></div>
</div>
<style>
    #wrapper {
        position: relative;
    }
    #overlay {
        width: 182px;
        height: 23px;
        position: absolute;
        top: 398px;
        left: 308px;
    }
</style>

и никакая прозрачность не нужна.

Юзер

171

Proff - 2015-03-3127 октября 2015 20:33 - #49691

И что этот код даст? Хотя бы ради интереса проверил прежде чем выложить.

Юзер

IT-AERO - 2015-03-3128 октября 2015 05:56 - #49698

Если надо чтобы она была некликабельной, то создайте слой и поместите его поверх ссылки путем абсолютного позиционирования задав большой Z-index.
Миша-кодер дал правильное решение, только z-index поставьте еще стиль.

Юзер

chese - 2015-03-319 ноября 2015 05:59 - #50021

Задал z-index, все равно ничего... Эта проблема актуальна для многих, но открытого решения лично для меня пока нет.

Похожие вопросы

Последние события

Shandi | Почему не отображается картинка в галере ... ²

Shandi
Почему не отображается картинка в галерее?
Сегодня, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
TeraMoune | Как сделать водяной знак с заменой? ¹

TeraMoune
Как сделать водяной знак с заменой?
Вчера, 23:29

Картинки загружаются в разные директории в зависимости от длительного периода загрузок этих папок может быть десятки. Более того оригинальные изображения не всегда имеют безопасные имена и при загрузке часто переименовываются. Так что не факт, что оригиналы соответствуют загруженным копиям.
TeraMoune | Почему не отображается картинка в галере ... ²

TeraMoune
Почему не отображается картинка в галерее?
Вчера, 23:19

Потому что какой-то стиль может скрывает изображение. Проинспектируйте элемент, отыщите в древо html изображение и указав на него указатель в инспекторе кода посмотрите не наследуются ли какие-то посторонние стили.
Beton1205 | Как реализовать шифрование трафика? ⁴

Beton1205
Как реализовать шифрование трафика?
Вчера, 17:55

Делается очень просто. Грузим файлы на cdn, либо друглй сервак.
На сайте пишем простой скрипт, который будет получать реальные адреса, например адрес файла site.ru/video.mp4, скрипт долюен проверять, что с вашего адреса идет звпрос. И тупо скриптом выводим ссылку аля vashsite.site/video.mp4 и прокидукм ее mod rewrite
mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
23-11-2024, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт

наверх