Force Imagery and Terrain Menu on top

CesiumJS
1

image
image772×798 67 KB

The menu ends up behind my Legend. How do I get the menu to always be on top?

2

Hi @tzgardner,

I would try adding CSS to the cesium-baseLayerPicker-dropDown class, in this case adjusting the z-index.

3

image

I did a search for cesium-baseLayerPicker-dropDown as you can see from screenshot above.

I tried adjusting each BaseLayerPicker.css files from the list above. No changes seem to have any effect on any formatting. I not only adjusted the z-index but I also tried adjusting max-height. Nothing I changed seemed to have any effect at all.

Where exactly do I need to add the z-index changes?

4

@tzgardner You can override existing CSS rules in a CSS file external to CesiumJS. You can also add the !important keyword to ensure it overrides anything else:

.cesium-baseLayerPicker-dropDown {
    z-index: -100 !important; 
}
5

That did it! Thanks!