0 / 0 / 0
Регистрация: 17.10.2013
Сообщений: 3

inviz a:hover img ОЧЕНЬ НАДО!

17.10.2013, 07:38. Показов 746. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, уважаемые форумчани!!!
Очень нужена Ваша подсказочка!

Есть такая штука:

HTML5
1
<div id="inviz"><a href="ссылка"><img></a></div>
CSS
1
2
3
4
5
6
7
# a img { 
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
} 
 
#inviz a:hover img { 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
Все замечательно работает. Но есть острая необходимость
что бы ссылка-картинка после перехода по ней, на текущей странице оставалась в нормальном состоянии т.е. не полупрозрачной. вот в этом состоянии :
CSS
1
2
3
{ 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
Заранее благодарен за посильные потуги!!!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
17.10.2013, 07:38
Ответы с готовыми решениями:

Поменять img при hover
Всем привет, что можно сделать, как если надо поменять картинку которая заключена в &lt;img&gt; самое фиговое что их 7 штук и картинки...

безразмерное все, в блоках div img-relative, надо поставить в одну точку второй img как подложку
безразмерное все, в блоках div img-relative, надо поставить в одну точку второй img как подложку. размеров нет вообще только проценты от...

Картинка:hover через тег img
Возможно ли сделать меняющиеся кнопкоссылкокартинки через тег &lt;img src.... вместо используемых в примере бэкграундов ? &lt;a...

5
 Аватар для TAB
215 / 215 / 73
Регистрация: 12.03.2013
Сообщений: 485
17.10.2013, 09:01
CSS
1
2
3
4
5
6
7
#inviz a img{
    opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
}
#inviz a:hover img,
#inviz a img.opacity{
    opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
HTML5
1
<div id="inviz"><a href="ссылка"><img></a></div>
JavaScript
1
2
3
4
5
6
7
var invisible = document.getElementById('inviz'),
    anchor    = invisible.getElementsByTagName('a')[0];
 
if ( ~anchor.href.indexOf(window.location.pathname) ) {
    var img = anchor.getElementsByTagName('img')[0];
    img.className = 'opacity';
}
1
0 / 0 / 0
Регистрация: 17.10.2013
Сообщений: 3
21.10.2013, 09:23  [ТС]
спс. но не робит че то.

Добавлено через 8 минут
пс. но не робит че то. А так хотелось бы))

Людииииии нужна Ваша помощь

Нужно чтобы полупрозрачная картинка-ссылка после перехода по ней, стала НЕ полупрозрачной, на той странице куда она ведет.
Весь мозг сломал. Жена шипит уже))) По ночам))
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
21.10.2013, 09:43
клик по ссылке переводит её в состояние active, а затем - в visited
пропишите правила стилей для всех 4 псевдоклассов в следующем порядке: :link, :visited, :hover, :active
причём правила для :link, :visited и :active у вас должны быть одинаковыми
1
0 / 0 / 0
Регистрация: 17.10.2013
Сообщений: 3
22.10.2013, 11:54  [ТС]
Спс. Прописал, не робит 1 хр.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
22.10.2013, 13:37
тогда так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
#inviz a img{
    opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
}
#inviz a:hover img,
#inviz a img.ops {
    opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}
</style>
</head>
<body bgcolor="silver">
<div id="inviz"><a href="#" target="bb" onclick="this.getElementsByTagName ('img') [0].className = 'ops'"><img src="https://www.cyberforum.ru/customavatars/avatar359391_1.gif"></a></div>
<iframe name="bb"></iframe>
</body>
</html>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
22.10.2013, 13:37
Помогаю со студенческими работами здесь

Надо сделать несколько простых задач на Хаскел очень надо
1. Выбрать N самых больших чисел из последовательности чисел. 2. Выбрать N самых маленьких чисел из последовательности чисел. 3....

Нужно при клике, исключить события hover, во. И еще глюки .hover. Отключение .hover в случае активации .click
Нужно при клике, исключить события hover, во. И 1. Глюки .hover: При наведении на блок, к которому он применяется(стрелочка):...

Shell процедура. Очень очень надо!
Товарищи! Выручайте!!! Очень нужна shell-процедура которая сотворит следующее чудо: Удалит из заданного первым параметром каталога и...

Надо выбрать, пожалуйста, очень надо
что будет лучше i7 12gb RAM 750 hdd Nvideo 840m или такой же ноут но i7 8gb RAM 256ssd очень надо

Одновременный hover для "img" и "a"
Здравствуйте, не могу понять, как сделать hover для img и ссылки вот пример как должно быть... сделал так, но ссылка находится внизу с...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

Новые блоги и статьи
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru