2のdiv：

Question

私は次のようなHTMLがあります。

<div class="about-me-photos blurry-photos photos"> 
    <div class="blurry-wrapper"> 
     <div class="blurry-inside blurry-front"> 
      <img class="about-me-img" src="imagefront.png"> 
     </div> 
     <div class="blurry-inside blurry-back"> 
      <img class="about-me-img" src="imageback.png"> 
     </div> 
    </div> 
    <div class="blurry-wrapper"> 
     <div class="blurry-inside blurry-back"> 
      <img class="about-me-img" src="back2.png"> 
     </div> 
     <div class="blurry-inside blurry-front"> 
      <img class="about-me-img" src="front2.png"> 
     </div> 
    </div> 
</div> 

を私がぼやけ-フロントとぼやけバックがぼやけ、ラッパー内の同じ位置を持っていることが必要です。

フロートとクリアの異なる組み合わせを試しましたが、これまでのところ何も動作しません。私は何が欠けていますか？

Answer 1

をblurry-backクラスに追加します。これはトリックを行うかもしれない。