How to add shadow effects to other components on top of map components without being obscured by map

< H3 > Ben Xiaobai was recently practicing WeChat Mini Programs. He wanted to imitate the interface of Mini Program, Didi"s green orange bike. A detail was found in the process, which made it difficult to achieve the same effect as the official. I would like to ask if the seniors who have stepped on similar pits can tell us how to solve them.

specific pit

  • map has the highest priority, which obscures the shadows made by box-shadow

the home page of Green Orange Bike


  • viewbox-shadow,map
  • map box-shadow inset


the real machine will be covered

all kinds of tests have failed. The shadow is actually added successfully. The developer tool displays the shadow style normally, but it will be obscured by the map component on the real machine. I don"t know how the Green Orange Bike officially avoided the map pit and made this effect

.
WeChat-Mini-Programs map
Mar.16,2021

you need to use this. Add a picture to achieve it. The effects you mentioned are all achieved in this way.

Previous: PHPUnit_Framework_TestCase? could not be found for PHPUnit operation

Next: How do you use probes in one apm java to get the execution time of sql?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea0757-1adc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea0757-1adc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?