針對多個div

第一個div內一個div針對多個div

的第二個div

所以它是這樣的

<div class="div1"> 
    1st image goes here 
     <div class="div2"> 
      the background-color goes here 
      and the logo with the href 
      </div> 
    </div>

我想要做什麼在鼠標懸停上以縮放第一張圖片並更改fa背景的不透明度，因此不會影響徽標並保持最佳狀態。

我可以用CSS來實現這個嗎？還是我必須實現jQuery？

這是我有

.div1{ 
     position: relative; 
     transform:scale(1); 
     transition:all 1s; 
     object-fit: cover; 
     display:block; 
     img{ 
      object-fit: cover; 
     } 
     :hover img { 
     transform:scale(1.05); 
     } 
     } 
    } 

    .div2{ 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 100%; 
    width: 100%; 
    background-color:red; 
    opacity:1; 
    transition: opacity .35s,transform .35s; 
    :hover{ 
    opacity:.5; 
    } 
} 

.div2 img{ 
    width: 150px !important; 
    display : block; 
    margin : auto; 
    position: relative; 
    height: auto; 
    z-index: 40; 
}

當我把鼠標標誌秤出和DIV2的透明度不降低。

來源

2016-11-06 The Naga Tanker

爲什麼你打開2個div並關閉只有一個？ – vals

由於這是一個jQuery問題，請移除您的JavaScript標記並添加jQuery。 – Rob

您應該添加實際的圖片標籤，而不僅僅是僞代碼，說明您想要將鼠標懸停在哪個元素上，以及應該更改哪個元素，以及哪些元素不應該更改等等。 – adeneo