Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: оформление ссылки
 
 автор: Максим Медведев   (18.02.2007 в 00:55)   письмо автору
 
 

Подскажите, пожалуйста как с помощью css сделать так, чтобы все картинки являешиеся ссылками были не яркими, а при наведении курсора на них их цвет вновь появлялся? Т.е должен менятся не картинка а её прозрачность.

   
 
 автор: Lelik   (18.02.2007 в 00:57)   письмо автору
 
   для: Максим Медведев   (18.02.2007 в 00:55)
 

Это возможно только в ИЕ, с применением фильтров

   
 
 автор: Максим Медведев   (18.02.2007 в 01:02)   письмо автору
 
   для: Lelik   (18.02.2007 в 00:57)
 

Так я недавно видел на каком то сайте.
Вот пример:

a:hover img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    }

Как сделать наоборот? Что бы когда я наводил курсор проявлялась катинка.

   
 
 автор: CNT   (18.02.2007 в 02:18)   письмо автору
 
   для: Максим Медведев   (18.02.2007 в 01:02)
 

a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)} 
a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}

   
 
 автор: AlexSol   (18.02.2007 в 08:13)   письмо автору
 
   для: Максим Медведев   (18.02.2007 в 01:02)
 


a:img { 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); 
    -moz-opacity: 0.1; 
    -khtml-opacity: 0.1; 
    opacity: 0.1; 
    } 
a:hover img { 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
    -moz-opacity: 1; 
    -khtml-opacity: 1; 
    opacity: 1; 
    } 

   
 
 автор: Киналь   (19.02.2007 в 23:52)   письмо автору
 
   для: Lelik   (18.02.2007 в 00:57)
 

>Это возможно только в ИЕ, с применением фильтров
А если сверху наложить div с полупрозрачным пустым GIF'ом, а при наведении мыши делать его невидимым?

   
 
 автор: Lelik   (20.02.2007 в 00:08)   письмо автору
 
   для: Киналь   (19.02.2007 в 23:52)
 

полупрозрачный гиф достигается при помощи JS?

   
 
 автор: kasmanaft   (20.02.2007 в 05:07)   письмо автору
 
   для: Киналь   (19.02.2007 в 23:52)
 

Приведенный AlexSol код должен работать не только в ИЕ

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования