Как да променя изображението на Задържането на курсора
Вие сте тук: Начало - CSS - CSS Основи - Как да промените изображението на Задържането на курсора
Мисля, че често отговарят на различни места, когато се движите мишката върху всяко изображение, и това се е променило. Най-простият пример - един курсора на мишката върху бутона. Да предположим, тогава тя променя цвета, така да се каже, след като стане активен. Ето как можете да промените изображението на Задържането на курсора. Ще научите от тази статия.
Ние имаме една снимка. Искаме да, когато задържите курсора на мишката върху нея, тя се промени. Освен това, ние искаме да направим по-червена рамка се покаже снимката.
HTML-кодът е много проста:
IMG фон: URL ( "image_1.jpg") не-повторение; // Заместник изображението по подразбиране
Височина: 100 пиксела; // Височина
ширина: 100px; // Ширина на изображението
>
.IMG: мишката фон: URL ( "image_2.jpg") не-повторение; // Заместник на снимката да е на на курсора на мишката
граница: 2px твърди # f00; // Задаване на червена рамка
Височина: 120 пиксела; // Височината на новото изображение
ширина: 120 пиксела; // Ширината на новото изображение
>
ключови грешка начинаещи е липсата на ширината и височината. Без тях, изчиствайте DIV просто не се появи, така че не забравяйте, че трябва да се посочи ширината и височината пряко, и те трябва да са на една и съща ширина и височина, можете podtsavlyaete единица.
page.html - е пример за името на страницата, трябва да може да бъде index.html, about.html или page_1.html. Вие трябва да го замени на името си, а след това ще има 404.
Аз не предполагам! Благодаря ви за урока. Аз ще продължа да уча вашия курс "Създаване на сайт от А до Я" Вашата отзивчивост и желание да помогне е специална връзка.
Можете да направите "а" блоков елемент дисплей: блок; И тогава го попитам като фоново изображение, когато: навъртам фон да се сложи друг.
Моля, проверете моя код) Е схема е създадена с разширение CSS файл посочи му път през линка в Hede Снимки popridumyval имат широчина на височината на картината, но
просто не Robit) в маркер, ако пластината, че докато има снимка, от друга страна не е изведен дивиОтново, както и че може да има грешка в HREF. Използвайте подпалвач.
Идеално се отнася hrif ако кодът изглежда по този начин
, След това започва да тече едва прикрива друга снимка) и аз не разбирам как да се покаже празен DIV, че ще работи, или не се яви, т.е. всичко работи добре не мога да определя обхвата на нормалното. IMGИнтервалите не могат да се използват в името на изображението. И между другото, ако файла с стил не е в същата директория като изображение, трябва да е доста по-различно.
Майкъл, кажи ми, моля те. Целият ден се боря през тази промяна на изображение в менюто, но нищо не излиза. Ето един пример:
Тук стила: #menuМоже би по пътя към по-голям е невалиден. И все пак не е ясно кой момент фон в р, а след това да има: мишката, е необходимо да се уточни и там, и там
, или .
Пътят е правилен. Проверих няколко пъти. Последния път, който има със сигурност имат местоположението на файла чрез Dreamweaver контекстното меню. Посочи на заден план и само P: #menu р<>. #menu р: висене<>, и само A: #menu на<>. #menu на: мишката<>, Няма промени.
Аз намерих отговора: само една грешка празно #menu р: мишката. Оправих на #menu р: висене, и тя работи