您现在的位置是：网站首页> 编程资料编程资料
粗上加粗的IE10字体宽到超出原本的容器CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
2023-10-26
188人已围观
简介 有个菜单在 IE 下面显示得非常怪异，字体宽到超出原本的容器，后来发现把加粗属性去掉就正常了。深入一步研究发现原来又是 IE 特立独行了
最近发现有个菜单在 IE 下面显示得非常怪异，字体宽到超出原本的容器，仔细看了下 css 代码，字体设置得也不算大啊，后来发现把加粗属性去掉就正常了。深入一步研究发现原来又是 IE 特立独行了。
代码如下：
在其他 geko 浏览器和IE8以下中显示是这样的：
唯独IE 10 及以上是这样的：
请注意 font 3 比 font 2 粗了很多。
作祟的是： font-weight: bold; 和 标签同时使用时，IE 10 的处理是加粗两次，而其他浏览器（包括较早版本的IE）则只加粗一次。这个从语义上理解也无可厚非，因为的确是加粗了两次，但是从实用角度及容错角度来看，加粗渲染一次足以，相信很少有需要加这么粗的。
当然啦，这种 font-weight: bold; 和 标签同时使用的写法是应该避免的。
代码如下：
复制代码
代码如下:Normal font 1
Bold font 2
Bolder font 3
在其他 geko 浏览器和IE8以下中显示是这样的：
唯独IE 10 及以上是这样的：
请注意 font 3 比 font 2 粗了很多。
作祟的是： font-weight: bold; 和 标签同时使用时，IE 10 的处理是加粗两次，而其他浏览器（包括较早版本的IE）则只加粗一次。这个从语义上理解也无可厚非，因为的确是加粗了两次，但是从实用角度及容错角度来看，加粗渲染一次足以，相信很少有需要加这么粗的。
当然啦，这种 font-weight: bold; 和 标签同时使用的写法是应该避免的。
相关内容
- css添加一条属性能够绘制一个矩形框CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- 用CSS指定外部链接的样式代码CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- 纯css3显示隐藏一个div特效的具体实现div居中显示的css样式代码CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌CSS实现带箭头的DIV(鼠标放上显示提示框)纯css3实现无图片的div高亮显示特效css实现div自动添加滚动条(图片或文字等超出时显示)css布局实例:网页布局的方法-CSS教程-网页制作-网页教学网div 超出隐藏 文字超出div部分隐藏css代码html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式CSS控制DIV层显示和隐藏的实现方法
- 雷霆战机高速火炮属性介绍说明_雷霆战机高速火炮怎么样_手机游戏_游戏攻略_
- 雷霆战机米加粒子炮怎么样_雷霆战机米加粒子炮属性介绍说明_手机游戏_游戏攻略_
- 神魔之塔如何使用永生之伊登配队及制造强化符石_手机游戏_游戏攻略_
- 全民英雄骨弓技能怎么加点_手机游戏_游戏攻略_
- 全民英雄艾罗斯神杖属性及合成方法_手机游戏_游戏攻略_
- 雷霆战机装备升级攻略 装备升级加强数据一览_手机游戏_游戏攻略_
- 最新3月20日天天酷跑刷分教程 改宠物+刷分_手机游戏_游戏攻略_
