如何在边框下隐藏背景

Question

我需要修改一个网站，使所有链接的可点击区域更大的移动设备。我给了所有链接一个透明的border和一个相同大小的负margin，以不影响文本流。现在，这就像一个护身符一样工作。但不是在有背景的元素上。背景展开到透明边框。这一行为在所有浏览器中都是一致的。

http://jsfiddle.net/hq65C/1/这里是另一个例子：http://jsfiddle.net/DytDA/

为什么会这样呢？我一直在想，边界在元素之外。我怎么才能解决这个问题。(我需要一个不需要修改HTML的解决方案)。

Answer 1

background-clip: padding-box;怎么样？

Answer 2

我认为如果边框在元素之外，那么您所处的行为(在边框上单击就像在元素内部单击一样)也不会起作用

如果背景图像不重复，则可以将背景位置x位置设置为与边框宽度相同的量。否则，您也可以尝试将边框颜色设置为与元素后面的颜色相同，但如果是图像，祝您好运

Answer 3

CSS background填充了border的区域，border-color在其上分层。

当您有一个透明的border时，它会在其后面显示background-color。

对于普通的HTML/CSS，我不确定是否有办法解决这个问题。

此jsFiddle演示了这一点：

http://jsfiddle.net/hq65C/8/