Question

我有一个gif的静态和活动版本，该静态版本绝对位于另一个上，因此当我将其悬停时，它就会消失并且gif会播放。但是我无法弄清楚如何以一种可响应的方式使它们的尺寸完全相同。

我尝试过各种方法来确定它们的大小，但是，它们都没有足够的响应能力

此codepen具有代码，非常简单且简短。

这是html，我删除了其他2列，以免分散注意力，但我们的想法是让它在3列上正常工作

.static {
  position: absolute;
}

.static:hover {
  opacity: 0;
}

和CSS

int [,] array = new int[2,2];

Answer 1

为外部div添加p-0类。希望对您有帮助。请参考下面的链接。谢谢；

https://codepen.io/Xenio/pen/vbZebX 7777

Answer 2

从父div删除填充将解决您的问题。

@SpringBootTest
@RunWith(SpringRunner.class)
public abstract class AbstractTestkonfiguration {

  @Configuration
  public static class TestEnvironmentConfiguration {
    @Bean
    public MyTestProperties environmentalProperties(){
        return new EnvironmentalProperties() {
            // manual creation of an instance
        }
    }
  }

}

.static {
  position: absolute;
}

.static:hover {
  opacity: 0;
}

如何使绝对定位的图像与下面的相同图像具有相同的尺寸（％，响应）

2 个答案: