Question

我有一个简单的框架。

我用于边框的代码：

box-shadow: 0px 0px 0px 5px #E1E1E1;

其他所有元素看起来都不错，但这一点很奇怪。只有顶部边框。

＆＃13;

.frame {
  height: 585px;
}

.frame:hover {
  box-shadow: 0px 0px 0px 5px #E1E1E1;
}

＆＃13;

<div class="frame" background-image:url(...png)>
  ...
</div>

＆＃13;

Answer 1

首先：background-image:url(...png)不正确，如果您想要内联样式，则需要将其包装到样式attr中，因此style="background-image:url(...png)"是正确的。（图像路径也应该是有效的）

秒：边框为5px刻度，仅在悬停时显示，默认情况下会为元素添加高度/宽度，如果要保持图像的大小悬停，则应该认为使用box-shadow: inset 0p 0p 0p 5px #E1E1E1;如果您想知道为什么它看起来像边框而不是阴影，请参阅：https://www.w3schools.com/cssref/css3_pr_box-shadow.asp。你正在设置0px s0的模糊，这就是原因。

希望它有所帮助！

边境行为怪异

1 个答案: