Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как сделать определенною часть в чужом iframe некликабельной?

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


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

вопрос
Здравствуйте. Можно ли посредством 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)

Proff
1

126 | 28

Proff - 27 октября 2015 19:30 - Юзер

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

misha-koder
7

299 | 78

misha-koder - 27 октября 2015 19:48 - Юзер

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

<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>

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

Proff
1

126 | 28

Proff - 27 октября 2015 20:33 - Юзер

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

IT-AERO
3 | 2

IT-AERO - 28 октября 2015 05:56 - Юзер

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

chese
2

chese - 9 ноября 2015 05:59 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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