css - 如何隐藏边框下方的背景

标签 css

我需要修改一个网站,使所有链接的可点击区域对于移动设备来说更大。我给所有链接一个透明的 border 和一个相同大小的负 margin,以不影响文本流。现在这就像一个魅力。但不是在有背景的元素上。背景扩展到透明边框。这是在所有浏览器中保持一致的行为接缝。

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

这是为什么?我一直认为边框在元素之外。我该如何解决这个问题。 (我需要一个不需要修改 HTML 的解决方案)。

最佳答案

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

Demo

关于css - 如何隐藏边框下方的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7473200/

相关文章:

css - 使用 CSS 交换文本顺序

javascript - 在打开另一个之前关闭所有 Accordion 选项卡(一次只打开一个)

css - 如何选择此 css 级联中的内容?

html - 如何让 div 向下延伸到固定的页脚

html - 导航栏不会跟随用户

jquery - 我如何将我的姓名和详细信息包含在我正在设计的网站的 html/css/jquery 编码中,以使其不可编辑?

javascript - 允许在 tbody 内水平和垂直滚动表格

html - 从 Rails View 更改 Haml 表的 CSS 属性

html - 可滚动区域的中心元素

css - repeat-y left 50px 也在顶部重复图像