Javascript 只有边框的div

我在另一个div上做了一个div以创建边框

例如：

现在我有一个问题：如果我把鼠标放在图像上，我会把焦点放在只有边框的

div

（例如，如果我想右键单击并保存img），但是

div

一直是空的（只用于边框），我怎么能忽略

div

的中心部分呢

我使用了

div

，因为我将边框放置在图像/其他内容上，使用原始边框（放置在图像外部，我从边框和图像中获得一个空白）无法获得相同的结果

在这个维度上，你是不对的。（我用js代码放置边框）

img=$（''）；`

但你很容易看出问题所在。如果在图像上单击鼠标右键，则会出现空白区域的右键单击菜单，而不是图像选项。

---

如果我用滚动条（而不是图像）显示文本，我就不能使用滚动条。

div不是因为你在其中看不到任何东西而被禁止的。一个div可以有一个透明的内容，这并不意味着ti是空的。它就像一个透明层。这就是它需要关注的原因。您应该使用css边框属性使边框适合图像。或者，您应该将图像包装在一个容器（div）中，并对该容器应用特定的css规则，以便您的边框适合。处理边框时使用css，如下所示：

border-size:2px;
border-style:solid;
border-color:black;

---

您需要修复HTML标记并使用CSS来完成所有图形化工作。 确保

img

标记位于

div

内，然后使用以下CSS。

.rank Platino{
溢出：隐藏；
边框：15px实心透明；
边界图像切片：9580；
边框图像宽度：50px 50px 50px 50px；
边框图像开始：0px 0px 0px 0px；
边界图像重复：拉伸；
边框图像源：url（“https://dl.dropboxusercontent.com/u/30396291/LOL/border/plat-border.png");
利润率：6px；
}

这个标题是什么意思？请发布您的HTML。在JSFIDLE中复制它

border-size:2px;
border-style:solid;
border-color:black;