---
title: "RO_chBgColor überschreibt Background-Image"
url: "https://www.typo3.net/d/43592-ro-chbgcolor-ueberschreibt-background-image"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-05-23"
last_reply: "2006-05-24"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# RO_chBgColor überschreibt Background-Image

TYPO3 › Menüs · 2 Antworten · gestartet 2006-05-23

## Eröffnungsbeitrag

**bvoit** · 2006-05-23 · [Beitrag #1](https://www.typo3.net/d/43592-ro-chbgcolor-ueberschreibt-background-image/1)

Hallo Leute!

Ich hab ein Menü welches aus DIV-Tags zusammengesetzt ist. In jedem dieser DIV-Tags ist ein Hintergrundbild. Nun werden diese DIV bei einem Roll-over farblich hervorgehoben mit RO_chBgColor. Jedoch überschreibt mir dieses das Hintergrundbild.

siehe hier: <http://bvoit.cyberhouse.at/pages/pubcrew/index.php?id=74>

Das TS sieht wie folgt aus:

```typoscript
# Menü 2
   subparts.MENU2 = HMENU
   subparts.MENU2.excludeUidList = 1,2,3,4,50
   subparts.MENU2.entryLevel = 0
   subparts.MENU2.maxItems = 7
   subparts.MENU2.1 = TMENU
   subparts.MENU2.wrap = <div>|</div>
   #subparts.MENU2.1.expAll = 1
   subparts.MENU2.1 {

                        NO {   
                                 allWrap (

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>

                                               |*|

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>

                                               |*|

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
										)
                                 
                                 # Rollovereffekt
								 subst_elementUid=1
								 RO_chBgColor = #D3F0A2 | #EBEBE5 | chgmenu
                                 RO = 1
                                
                                 #ATagParams = 
                                 #beforeImg = 
                                 #beforeROImg = 
                                 #doNotLinkIt = 1
                             }

                        ACT {   
                                  allWrap (

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>

                                               |*|

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>

                                               |*|

                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
										)
                               }
                        ACT = 1

   }
```

Hat jemand eine Idee oder einen Tipp wie ich das ganze realisieren kann?

Danke im Vorraus!

lg, Bernhard

## Antworten

### [#2](https://www.typo3.net/d/43592-ro-chbgcolor-ueberschreibt-background-image/2) · RandomAccess85 · 2006-05-23

Nur als Versuch...

```typoscript
# Menü 2
   subparts.MENU2 = HMENU
   subparts.MENU2.excludeUidList = 1,2,3,4,50
   subparts.MENU2.entryLevel = 0
   subparts.MENU2.maxItems = 7
   subparts.MENU2.1 = TMENU
   subparts.MENU2.wrap = <div>|</div>
   #subparts.MENU2.1.expAll = 1
   subparts.MENU2.1 {
                        NO = 1
                        NO {   
                                 allWrap (
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
 
                                               |*|
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
 
                                               |*|
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
                                                                                )
                                 
                                 # Rollovereffekt
                                                                 subst_elementUid=1
                                                                 RO_chBgColor = #D3F0A2 | #EBEBE5 | chgmenu
                                 RO = 1
                                
                                 #ATagParams = 
                                 #beforeImg = 
                                 #beforeROImg = 
                                 #doNotLinkIt = 1
                             }
                        ACT = 1
                        ACT {   
                                  allWrap (
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
 
                                               |*|
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
 
                                               |*|
 
                                               <div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
                                                                                )
                               }
                        
 
   }
```

### [#3](https://www.typo3.net/d/43592-ro-chbgcolor-ueberschreibt-background-image/3) · bvoit · 2006-05-24

Das ist leider auch nicht des Rätsels Lösung.

---

Quelle: „RO_chBgColor überschreibt Background-Image“, typo3.net, https://www.typo3.net/d/43592-ro-chbgcolor-ueberschreibt-background-image
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.