我有一个样式如下的li
:
li{
display:inline-block;
padding:5px;
border:1px solid none;
}
li:hover{
border:1px solid #FC0;
}
当我将鼠标悬停在li
上时,边框就会出现,而不会让li
移动。有没有可能有一个看不见的“边框”?
发布于 2010-03-24 18:30:59
你可以使用“透明”作为颜色。在IE的一些版本中,它是黑色的,但自从IE6时代以来,我就没有测试过它。
http://www.researchkitchen.de/blog/archives/css-bordercolor-transparent.php
发布于 2010-03-24 18:31:04
您可以删除边框并增加填充:
li {
display: inline-block;
padding: 6px;
border-width: 0px;
}
li:hover {
border: 1px solid #FC0;
padding: 5px;
}
<ul>
<li>Hovering is great</li>
</ul>
发布于 2012-05-04 17:19:52
嘿,这是我经历过的最好的解决方案..这是CSS3
将以下属性用于div或要透明放置边框的任何位置
例如:
div_class {
border: 10px solid #999;
background-clip: padding-box; /* Firefox 4+, Opera, for IE9+, Chrome */
}
这将会起作用..
https://stackoverflow.com/questions/2506844
复制相似问题