Hogyan változtassuk meg a kép egéráthúzáskor
Ön itt van: Home - CSS - CSS alapjai - Hogyan változtassuk meg a kép egéráthúzáskor
Azt hiszem, hogy gyakran találkozunk különböző helyeken, ha az egeret minden képet, és ez nem változott. A legegyszerűbb példa - egy egér kurzor a gombot. Tegyük fel, aztán megváltozott a színe, mintha, miután aktív lesz. Itt van, hogyan kell változtatni a kép egérráhelyezéskor. Meg fogja tanulni ezt a cikket.
Van egy kép. Szeretnénk, ha lebeg a kurzort, ez megváltozott. Sőt, azt akarjuk, hogy több piros keret jelenik meg a kép körül.
HTML-kód nagyon egyszerű:
img background: url ( "image_1.jpg") no-repeat; // helyettesítse az alapértelmezett kép
magasság: 100px; // kép magassága
szélesség: 100px; // kép szélessége
>
.img: hover background: url ( "image_2.jpg") no-repeat; // helyettesítse a képet, hogy egéráthúzáskor
átnyúló: 2px szilárd # f00; // állítsa a piros keretben
magasság: 120 képpont; // A magassága az új kép
szélesség: 120 képpont; // A szélesség az új kép
>
A kulcs hiba kezdő hiánya a szélesség és magasság. Nélkülük, ürítse ki a div csak nem jelenik meg, ezért ne felejtsük el, hogy meg kell, hogy jelezze a szélesség és a magasság közvetlenül, és meg kell egyeznie szélességét és magasságát, akkor podtsavlyaete egységet.
page.html - egy példa az oldal neve, akkor ez lehet az index.html, about.html vagy page_1.html. Meg kell cserélni neki a nevét, akkor nem lesz 404.
Nem hiszem! Köszönöm a leckét. Én továbbra is tanulmányozzák a kurzus létrehozása „oldalon tól Z-ig” Az érzékenység és a segíteni akarás egy különleges tekintetben.
Tudod, hogy az "a" blokk elem, display: block; Majd megkérem, mint egy háttérképet, amikor a: hover háttér tenni egy másik.
Kérjük, ellenőrizze a kód) Nos rendszert hoztak létre kiterjesztése css fájl mutatott neki az utat a linkre Hede Képek popridumyval szélessége a magassága a kép, de a
Csak nem Robit) a címkét, ha a betét, hogy miközben van egy kép, a másik nem jelenik DivasÚjra, és lehet, hogy egy hiba a href. Használja gyújtogató.
Tökéletesen utal hrif ha a kód így néz ki
, akkor kezdődik, csak eltakarja egy másik kép), és nem értem, hogyan kell megjeleníteni az üres div, ami működik, vagy nem jelenik meg, azaz, minden rendben nem tudok beállítani hatálya normális. imgTerek nem lehet használni a kép nevét. És az út, ha a stílus fájl nem ugyanabban a könyvtárban, mint egy kép, meg egészen más.
Michael, mondd, kérlek. Az egész nap harcolni ezt a változást a kép a menüben, de semmi nem jön ki. Itt egy példa:
Itt stílusok: #menuTalán az elérési utat a kép érvénytelen. És mégis ez nem világos, hogy mi pont háttér p, majd egy: hover, akkor meg kell határozni, és ott, és
, vagy .
Az út helyes. Megnéztem többször is. Az utolsó alkalom, hogy van, az biztos, hogy a fájl helyét keresztül a helyi menü Dreamweaver. Rámutatott a háttérben, és csak a P: #menu p<>. #menu p: hover<>, és csak: #menu a<>. #menu a: hover<>, Nincs változás.
Megtaláltam a választ: csak egy hiba szóközöket #menu p: lebeg. Azt rögzített #menu p: hover, és működött