прикрепление фона: исправлено для <img>с крышкой, подходящей для объекта?

Question

Есть ли трюк или обходной путь, чтобы изображение с object-fit:cover и абсолютным позиционированием в родительском элементе вело себя как background-attachment: fixed в css?

Я хочу это:

<section>
    <img src="" style="object-fit: cover; position: absolute; width: 100%; height: 100%;"
</section>

чтобы иметь ту же функциональность, что и эта:

<section style="background: url(..); background-attachment: fixed;">
<section>

Answer 1

position:fixed в сочетании с трюком clip-path может сделать это

section {
  height: 100px;
  margin: 30px 5px;
  clip-path: inset(0);
}

body {
  min-height: 300vh;
}

<section>
  <img src="https://picsum.photos/id/1/800/800" 
    style="object-fit: cover; 
           position: fixed;
           left:0;
           top:0;
           width: 100%; 
           height: 100%;">
</section>

<section 
  style="
    background-image: url(https://picsum.photos/id/1/800/800); 
    background-attachment: fixed;
    background-size:cover;
    background-position:center;">
</section>