Ссылка поверх FLASH-объекта.

Написана 8 Марта, 2012 в 0:11. Автор: borN_free   |   Теги: html, css, flash Комментарии 5

Heading/Alt Text Сегодня я покажу Вам способ, как заставить ссылку быть над flash-объектом, чтобы при нажатии срабатывала именно она, причем вариант, работающий абсолютно кроссбраузерно.

Для этого нам понадобится: сама ссылка, элемент div, в котором будут находиться ссылка и flash-объект, и несколько CSS классов.






Структура нашего html-кода будет следующей:

Обращаю внимание на то, что ссылка не обрамляет объект, а находится рядом с ним. Самым важным параметром объекта является wmode="opaque". Без этого работать не будет. Кстати, добавьте его и в embed при наличии.

Отлично, все почти готово, осталось добавить немного стилей:

.header_logo {
    width: 135px;
    height:100px;
    position: relative;
}
.header_logo a {
    display: block; // делаем ее блочной, что бы установить высоту и ширину
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; // делаем ссылку заведомо выше чем flash объект
    background: url("../images/1px.gif"); // этот хак для IE - однопиксельная прозрачная картинка
    text-indent: -9999px;
    overflow: hidden;
}
.header_logo object {
    position: relative;
    z-index: 1;
}

Все должно работать, проверено в Opera 10+, IE 7+, FF 3.6+, Chrome 12+.

Однопиксельную картинку можете скачать здесь

5 comments

+1 ответить
March 10, 2016 at 01:26 pm

В принципе нормально. Статье + и автору +

ответить
August 15, 2017 at 03:41 am

This new watch is equipped by Rolex developed automatic swiss watches winding mechanical movement, the moon will ensure the patent assembly accuracy on astronomy up to 122 years. Cellini moon watch equipped with Cellini watch omega brown crocodile leather watchband, collocation 18ct Everose gold crown folding buckle in Cellini series replica fake uk using the buckle it is for the first time.

ответить
August 15, 2017 at 05:41 am

After significantly more testing it is something with that won't enable me to complete the downloading of this trace. At that end I would attempt and erase the download and obviously it says that is being used and to close list and retry albeit write my paper for me nothing was management. So I needed to restart and afterward wipe away the download. At that point I endeavored to utilize Firefox to do the download and still the download would not introduce.

ответить
August 22, 2017 at 07:09 am

In court, Smatsorabudh acknowledged that her replica handbags actions were "so wrong" and that she felt she "deserved" to go to cheap mulberry bags jail. Her attorney argued, though, that her "compulsion" for designer handbags was borne out of "isolation and loneliness," and "became designer replica handbags a substitute for human connection." And for what it's worth, in his sentencing — Smatsorabudh received replica yeezy shoes a jail term of 30 months, and is likely to be deported to

ответить
September 25, 2017 at 01:24 am

Fast-forward to the 1970s when fashion designer ralph lauren outlet, born Ralph Lifshitz in the Bronx, made the polo shirt (emblazoned with a polo pony) the cornerstone of his WASP (White Anglo Saxon Protestant)-aspirational lifestyle brand, which sold the idea that any American, even a Jew from the Bronx like Lifshitz, could attain an aristocratic lifestyle.The cheap louis vuitton bags brand was established more than 150 years ago in 1854 by the founder whose name it carries today. Luggage trunks were Louis Vuitton’s only products at the time, and not much has changed during the course of one and a half centuries.Beyond just building a more accurate timepiece, using an oscillator instead of a balance spring means less moving parts, which means less wear and no required lubrication. That means these rolex replica watches will last longer and require less maintenance than others.There is another replica hermes bags that looks quite as distinctive, the Constance. And there was a time when Jacqueline Onassis was photographed with it slung over her shoulder all the time.

Оставьте свой комментарий:

Поля с * обязательны.