画像にdivを配置しても反応します

Question

私は、画像の手の指にいくつかの円が描かれた画像を持っています。私はイメージに輝くdivを配置しています。

{ 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100vw; 
    height: 100vh; 
    margin: 0 !important; 
    padding: 0 !important; 
} 

これは、どのように光沢のある円を配置するかです。

.small_rings_group { 
    position: absolute; 
    left: 25.3vw; 
    top: 10vh; 
} 

これはウィンドウ幅の変更には最適ですが、ウィンドウの高さを変更するとその配置が変更されました。

Answer 1

1）それは絶対位置の要素のための「位置アンカー」として機能持っているイメージのためposition: relativeを使用してください。

2.絶対配置された要素のCSSでは、絶対値は使用しませんが、左と上のパーセント値（親に対して）を使用します。これはポジションを応答し続けるでしょう。