Gunnar Bittersmann: Bild und Text bei hover tauschen

Beitrag lesen

Hello out there!

.bild1 {
    position: absolute;
    background: #dF0000;
    BACKGROUND: url(images/content/produkte/ut_hecken.gif);

Obwohl CSS in weiten Teilen case-insensitive ist, solltest du dich an Konventionen halten: Hexadezimalziffern groß, Eigenschaftsnamen klein.

Dir ist bewusst, dass du mit der Sammeleigenschaft 'background' die nicht angegeben Eigenschaften wieder auf ihren Ausgangswert setzt, 'background-color' also auf 'transparent'?

Also entweder

{  
  background-color: #DF0000;  
  background-image: url(images/content/produkte/ut_hecken.gif);  
}

oder beides zusammen

{  
  background: #DF0000 url(images/content/produkte/ut_hecken.gif);  
}

background-repeat:no-repeat;
    .v2 {visibility:visible;}
}

Nein, CSS ist keine Programmiersprache. Also nicht wie in JavaScript

function foo()  
{  
  tu_was();  
  function bar()  
  {  
    tu_nochwas();  
  }  
}

in CSS

Selektor  
{  
  Regel  
  Selektor  
  {  
    Regel  
  }  
}

Sonder den Nachfahrenselektor richtig notieren.

.bild1 a:hover {

Na bitte, geht doch.

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)