# Designproblem: Navi oben durchsichtig...
**URL:** https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [6. Januar 2011 um 10:25 UTC](https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269 "2011-01-06T10:25:10Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@Max-Zander](https://forum.shopware.com/u/Max-Zander)
#### Post date: [6. Januar 2011 um 10:25 UTC](https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269/1 "2011-01-06T10:25:10Z")
Hallo Zusammen, [www.llv-shop.de](http://www.llv-shop.de) Ich habe ein kleines css-Design Problem. Wollte die Navi oben durchsichtig machen, damit der Header durchscheint. Scheinbar aber geht diese opacity:-Funktion nur im Firefox, nicht im IE. Kann mir da jemand einen Tip geben, wie ich das geschickter lösen könnte, das auch im IE die Navi oben erscheint… Danke!
---
### Author:  [@taaucher](https://forum.shopware.com/u/taaucher)
#### Post date: [6. Januar 2011 um 11:15 UTC](https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269/2 "2011-01-06T11:15:39Z")
`background-color:rgba(255, 255, 255, 0.5);` sollte dir helfen.
---
### Author:  [@Max-Zander](https://forum.shopware.com/u/Max-Zander)
#### Post date: [6. Januar 2011 um 12:17 UTC](https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269/3 "2011-01-06T12:17:19Z")
Danke für die schnelle Antwort. Das Problem ist leider, dass die Navi unter dem Banner hängt und ich diese auch nicht mit z-index nach vorne bekomme. #header #logo a {background: url([http://www.llv-shop.de/templates/llv/fr … s/logo.jpg](http://www.llv-shop.de/templates/llv/frontend/%5C_resources/images/logo.jpg)) no-repeat;width: 148px;height: 100px;text-indent: -9999px;display: block;margin: 0px 0 -37px -10px;z-index: -100000;} #mainNavigation {padding: 1px 0 0px 15px; width: 986px; margin: 0px 0px 0px 0px;line-height: 30px;position: static;height: 32px;z-index: 10050;} Jemand eine Idee, was da falsch ist?
---
### Author:  [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)
#### Post date: [6. Januar 2011 um 14:08 UTC](https://forum.shopware.com/t/designproblem-navi-oben-durchsichtig/1269/4 "2011-01-06T14:08:25Z")
Ich habe mir das Ganze einmal angeschaut. Das Problem hier liegt daran dass „#header #logo a“ keine Positionsangabe über die Eigenschaft „position“ bekommen hat. Wenn du dem Element „position: relative;“ gibst, dann wird der gesetzte „z-index“ richtig interpretiert. Die Eigenschaft „opacity“ wird nicht vom IE unterstützt. Hierzu gibt es als Alternative die Filter. Für den IE 5.5 bis IE7 ` filter: alpha(opacity=70); ` Für IE8 ` -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; ` @taaucher: rgba ist CSS3, dass macht der IE erst ab Version 9 mit.