gpt4 book ai didi

html - 在 IE8 中悬停时防止跳动的字段集

转载 作者:太空宇宙 更新时间:2023-11-04 00:33:35 24 4
gpt4 key购买 nike

我在一个字段集中有一个字段集。悬停时,每种类型的字段集都会改变颜色。在 Firefox 中运行良好,但在 IE8 和 IE8 的 IE7 兼容模式下,当我将鼠标悬停在子字段集上时,它会跳转(看起来有些填充被删除,但这不是我的 css 所说的)。

谁能帮我弄清楚如何防止 IE 中的跳跃效果?为什么悬停时子字段集跳转,而父字段集不跳转?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
fieldset.property { background-color: #EDF5FF; }
fieldset.property:hover { background-color: #C1DDFF; }
fieldset.service:hover { background-color:#EDF5FF; }
</style>
</head>
<body>
<fieldset class="property">
Parent fieldset<br />
Parent fieldset<br />
Parent fieldset<br />
<fieldset class="service">
Child<br />
Child<br />
Child<br />
</fieldset>
Parent fieldset<br />
Parent fieldset<br />
Parent fieldset<br />
</fieldset>
</body>

最佳答案

我也不确定为什么 IE 以这种方式处理子元素,但通过专门定义填充,通常还定义边距,可以避免这种情况。

字段集{边距:0;填充:0;

关于html - 在 IE8 中悬停时防止跳动的字段集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1538744/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com