Css 使位置:固定在块内,具有相对于视口的变换属性

Css 使位置:固定在块内,具有相对于视口的变换属性,css,position,css-position,Css,Position,Css Position,我知道。。。默认情况下,“固定位置”相对于视口。但是,如果其父对象具有position:relative或定义了transform属性,则它将改为固定到父对象 元素是否可以很容易地再次相对于视口进行修复 这个用例是我有一个画廊元素和一个灯箱 <div class="galleryContainer> <div class="galleryScroll"> <img /> </div> <div

我知道。。。默认情况下,“固定位置”相对于视口。但是,如果其父对象具有
position:relative
或定义了
transform
属性,则它将改为固定到父对象

元素是否可以很容易地再次相对于视口进行修复

这个用例是我有一个画廊元素和一个灯箱

<div class="galleryContainer>
  <div class="galleryScroll">
    <img />
  </div>
  <div class="prev"></div>
  <div class="next"></div>
  <!-- The position: fixed lightbox -->
  <div class="lightbox"></div>
  <!-- The position: fixed lightbox -->
</div>
是否可以轻松修复元素与视口的关系?-->不,将元素移出转换后的容器是唯一的解决方案