:strip_exif()/u/34069/angry.gif?f=community)
Ik ben al uren bezig met een probleem in FireFox.
Het gaat om het volgende: Ik heb twee elementen onder elkaar staan. Het tweede element schuif ik met een negatieve margin naar boven over het eerste element heen, dan gaat dat op zich goed. Het resultaat is element 1 met element twee daar overheen.
MAAR, heeft element 1 nu een opacity dan komt element 1 opeens OVER element 2 heen te staan...
De enige manier waarop ik er voor kon zorgen dat het wel goed gaat is de position van de elementen op absolute te zetten. Dit zorgt er weer voor dat de layout niet meer is zoals het hoort en ik krijg dat met geen mogelijkheid goed op deze manier omdat FF en IE zaken dan net even anders doen...
Weet iemand een andere oplossing?
Voorbeeld:
Het gaat om het volgende: Ik heb twee elementen onder elkaar staan. Het tweede element schuif ik met een negatieve margin naar boven over het eerste element heen, dan gaat dat op zich goed. Het resultaat is element 1 met element twee daar overheen.
MAAR, heeft element 1 nu een opacity dan komt element 1 opeens OVER element 2 heen te staan...
De enige manier waarop ik er voor kon zorgen dat het wel goed gaat is de position van de elementen op absolute te zetten. Dit zorgt er weer voor dat de layout niet meer is zoals het hoort en ik krijg dat met geen mogelijkheid goed op deze manier omdat FF en IE zaken dan net even anders doen...
Weet iemand een andere oplossing?
Voorbeeld:
code:
1
2
3
4
5
6
| <html>
<body>
<div style="width: 100px; height: 100px; background-color: #ff0000; opacity: 0.9;"></div>
<div style="width: 50px; height: 50px; background-color: #00ff00; margin-top: -25px;"></div>
</body>
</html> |
:strip_exif()/u/105445/zidane2.gif?f=community)
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}