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

@ets · Регистрация: 17.10.2013

Студворк — интернет-сервис помощи студентам

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

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

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); 
}

Заранее благодарен за посильные потуги!!!

@TAB · 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';
}

@ets · 21.10.2013, 09:23 **[ТС]**

спс. но не робит че то.

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

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

Нужно чтобы полупрозрачная картинка-ссылка после перехода по ней, стала НЕ полупрозрачной, на той странице куда она ведет.
Весь мозг сломал. Жена шипит уже))) По ночам))

@kalabuni · 21.10.2013, 09:43

клик по ссылке переводит её в состояние active, а затем - в visited
пропишите правила стилей для всех 4 псевдоклассов в следующем порядке: :link, :visited, :hover, :active
причём правила для :link, :visited и :active у вас должны быть одинаковыми

@ets · 22.10.2013, 11:54 **[ТС]**

Спс. Прописал, не робит 1 хр.

@kalabuni · 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>

Новые блоги и статьи Все статьи Все блоги /
Подключение 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 и т. д. Сборка примера Скачайте. . .

@ets 0 / 0 / 0 Регистрация: 17.10.2013 Сообщений: 3
	21.10.2013, 09:23 [ТС]
	спс. но не робит че то. Добавлено через 8 минут пс. но не робит че то. А так хотелось бы)) Людииииии нужна Ваша помощь Нужно чтобы полупрозрачная картинка-ссылка после перехода по ней, стала НЕ полупрозрачной, на той странице куда она ведет. Весь мозг сломал. Жена шипит уже))) По ночам)) 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	21.10.2013, 09:43
	клик по ссылке переводит её в состояние active, а затем - в visited пропишите правила стилей для всех 4 псевдоклассов в следующем порядке: :link, :visited, :hover, :active причём правила для :link, :visited и :active у вас должны быть одинаковыми 1

@ets 0 / 0 / 0 Регистрация: 17.10.2013 Сообщений: 3
	22.10.2013, 11:54 [ТС]
	Спс. Прописал, не робит 1 хр. 0

Опции темы