我们怎样才能在ionic中调暗整个可滚动屏幕

Question

离子内容中有卡片，当我长按时，卡片应该高亮，为此，我使用了调光效果，当我长按时，屏幕会变暗，但离子内容是可滚动的，调光是整个屏幕都没有发生，我们该怎么做。

这是我用来调光的ccss

.dim-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 10; 
}

我需要长按时整个屏幕变暗，请告诉我是否有解决方案

Answer 1

尝试下面的 CSS。

.dim-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 10; 
}