Ændre bg

Tags:    html css

Er det muligt at ændre baggrunds-farven på en tabel, når et billede bliver "hoveret"?



4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Hvad mener du helt nøjagtigt?

Hvis du mener at du har en tabel med et billede i som ikke fylder hele tabelen (hvis det gjorde det, ville det jo være ligemeget med baggrundsfarven) og du gerne vil have tabellens baggrundsfarve til at skifte når du holder musen over billedet er jeg bange for at svaret er nej. Ellers det vil sige at naturligvis er det muligt, fx. ved hjælp af javascript, muligvis også med noget css show/hide fix fax, men det vil næppe være det værd.

Generelt kan man sige at det kun er <a> tags der reagerer på hover og det er endda afhængig af indholdet.



<img onmouseover="this.parentNode.style.backgroundColor='HOVERFARVE';"
onmouseout="this.parentNode.style.backgroundColor='IKKEHOVERFARVE';">

hvis tabellen ikke er parent virker det ikke
hvis tabellen er parant->parent->....->image, skal du bare indsætte flere parentNode til det passer.

du kan også give tabellen et id, og billedet
<img onmouseover="document.getElementById("ID").style.backgroundColor='HOVERFARVE';"
onmouseout="document.getElementById("ID").style.backgroundColor='IKKEHOVERFARVE';"
>

hvis der er tale om at gøre det på mere en et billed kan du ligesågodt lave det til en function hvor du enten sender this til eller "ID"



Jeg mener blot, at jeg ønsker baggrunden, evt. bag en tabel, ændret, når jeg fører musen over et billede



som sagt det er naturligvis muligt, men med mindre det er en absolut nødvendighed, så er det simpelthen ikke besværet værd.



t