Wie die Farbe eines Bildes auf schweben ändern - Stapelüberlauf
Ich brauche die Hintergrundfarbe eines Bildes zu ändern. Das Bild ist ein Kreis Bild mit weißen Hintergrund, ich brauche, wenn Sie den Mauszeiger über den Hintergrund des Kreis Bild zu blau ändern. Ich brauche nur den Kreis Veränderung zu sein.
Mein HTML-Code ist
Der obige Code gibt mir blaue Farbe, sondern als Rahmen um das Kreissymbol. was ich brauche, ist der Hintergrund des Kreises selbst zu ändern. Stellen Sie sich vor, es ist wie ein Signal weiß es ist, wenn Sie mit der Maus schweben sie blau geht.
Bitte Ich brauche eine Lösung, wenn sie von CSS oder was auch immer getan werden kann. Sorry, wenn ich es zu lange machen.
Es ist ein bisschen spät, aber ich kam in diesem Beitrag.
Es ist nicht perfekt, aber hier ist, was ich tue.
Nun meine Grenze Radius von 20px paßt auf genau mit dem Bild heraus Radius. Wie Sie das .showcase-Menü sehen können, hat den gleichen Hintergrund wie die .showcase-Menü-sozialen. Was dies bedeutet ist die ‚Undurchsichtigkeit‘ zu ermöglichen, wirksam werden und keine ‚Quadrat‘ Hintergrund oder Grenze zeigt damit leicht das Bild reduziert es die Sättigung auf schweben ist.
Es ist ein schöner Effekt und macht gibt dem Betrachter das Feedback, dass das Bild scharf ist. Ich bin auf einem dunkleren Hintergrund ziemlich sicher, es wäre sogar eine bessere Wirkung hat.
Das Schöne daran ist, dass dies gültige HTML-CSS-Code und validiert. Um ehrlich zu sein, sollte es funktioniert auf Nicht-Bildelementen nur so gut, wie Bilder.
beantwortet 18. Juli '13 um 7:00 Uhr
Wenn ich das richtig verstehe, dann wäre es einfacher, wenn Sie Ihr Bild einen transparenten Hintergrund hat und legen Sie die Hintergrund-Farbe Eigenschaft Hintergrund Container ohne Filter zu verwenden und so weiter.
Verwenden Sie die Eigenschaft background-color statt die Hintergrundeigenschaft in Ihrem CSS. So Ihr Code wie folgt aussehen:
.fb-Symbol: Hover <
Hintergrund: blue;
>