mouseover mit einem Bild über css

Gehe zu Seite:

Geschlossen

Do. 28.06.2007 01:05 Uhr #1

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Auf vielen Internetseiten ist ein kleiner banner, der weiß "überzogen" ist. Geht man jetzt darüber ist dieser in der normalen Farbe zu sehen.
Ich möchte aber nicht extra ein zweites Bild dafür erstellen, sondern nur eins benutzen.
Wie ein mouseover funktioniert weiß ich.

Gibt es da sowas wie white="50%" und wenn man über das Bild geht white="0%" ?
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 29.06.2007 18:28 Uhr #2

freethinker Mitglied

Registriert seit
12.05.2007

Beiträge
101

Beitragswertungen
```
<a href="http://www...." target="_blank"><img src="http://www..../bild.jpg" border="0" style="filter:alpha(opacity=20)" onmouseover="nereidFade(this,100,100,70)" onmouseout="nereidFade(this,20,100,70)"></a>
```
Gratis Webspace,2500 mb Space,Traffic unbegrenzt!,8 mal FTP,8 mal Mysql,Extern verlinken!,Domain dazu gratis!
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 29.06.2007 22:09 Uhr #3

assault Hall Of Fame

Registriert seit
03.11.2006

Beiträge
2.925

Beitragswertungen
... das is aber nicht der beste weg... mit css gehts auch...
weisst du denn auch wie ein cssmouseover funzt?
also a:hover usw.
steht auch schon in einem anderen beitrag, aber kann man ja immer wieder schreiben:
```
.links a img {
	opacity: .7;
         filter: Alpha(opacity = 70);
}

.links a:hover img {
	opacity: 1.0;
         filter: Alpha(opacity = 100);
}
```
opacity: .7;
...können alle browser die css3.0-ready sind, höchstes is 1.0

filter: Alpha(opacity = 70);
das gleiche fürn IE, die 70 kannste dir wie ne prozentzahl denken(nur ohne %), jedenfalls is da auch das höchste 100.

die zelle, die den banner umschließt hab ich noch mit einem class="links" versehen, damit das nich bei jedem link-bild passiert.
wenn du das nicht willst, dann lass das .links beim css-code weg.

PS: hab ich vergessen zu erwähnen, umso höher die zahl, umso weniger die transparenz(damits weiß is kommts auch aufm hintergrund an ;))

Zuletzt modifiziert von assault am 29.06.2007 - 22:14:26
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.06.2007 10:13 Uhr #4

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Ah danke ich werdss mal ausprobieren.

EDIT:
Funktioniert übrigens!

Zuletzt modifiziert von jankrug am 08.08.2007 - 23:26:06
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » mouseover mit einem Bild über css