我正在创建模板,并且在调整标题时遇到问题。一切都快完成了,但是标题显示了问题。问题是,当一个鼠标悬停在菜单上时,它显示一切正常,而一个鼠标悬停在具有下拉菜单的任何导航项目上,然后减小下一个项目的字体大小。
我也尝试过创建一个新的标题,但是仅当有下拉菜单时,仍然会遇到相同的问题。
处检查代码我正在创建模板,并且在调整标题时遇到问题。一切都快完成了,但是标题显示了问题。问题是,当一个鼠标悬停在菜单上时,它显示一切正常,而一个鼠标悬停在具有下拉菜单的任何导航项目上,然后减小下一个项目的字体大小。
我也尝试过创建一个新的标题,但是仅当有下拉菜单时,仍然会遇到相同的问题。
处检查代码您看到的工件不是字体大小的变化,这是由RotateX变换引起的。浏览器正在为已围绕X轴旋转的下拉菜单的边缘腾出空间,以便您可以看到边缘。
很难诊断,但很容易修复。您需要在旋转的元素上设置backface-visibility
属性为hidden
或为旋转元素的边缘腾出空间。
.dropdown {
backface-visibility: hidden;
}