当前位置: 首页 > 面试题库 >

CSS \ 9 width属性

轩辕奕
2023-03-14
问题内容

这是什么意思?我猜这是一个浏览器黑客,但我一直无法找到确切的功能。

width: 500px\9;

的意义是\9什么?


问题答案:

\9 是特定于Internet Explorer 7、8和9的“ CSS hack”。

这只是意味着CSS的特定行\9;以代替,;仅在IE 7、8和9中有效。

在您的示例

width: 500px\9;表示width: 500px;仅在使用IE 7、8和9时才应用500像素的宽度(与相同的结果)。

所有其他浏览器将width: 500px\9;完全忽略,因此根本不适width: 500px;用于该元素。

如果您的CSS看起来像这样…

#myElement {
    width: 300px;
    width: 500px\9;
}

#myElement在IE 7、8和9中,结果将为500像素宽,而在所有其他浏览器中,结果#myElement将为300像素宽。

编辑:

该答案写于2011年。现在应注意,此hack也可在IE 10中使用。



 类似资料:
  • Sketch 拥有一个友好的小功能,来帮助网页设计师将作品从静态的 Sketch 图样转化成真实的HTML 。 在画布中选择一些元素,然后你可以选择菜单中的“编辑 > 复制CSS属性(Edit > Copy CSS Attributes)”。 Sketch 将会根据选中对象的边框、填充、渐变、阴影和文本样式来创建CSS声明。 Sketch 也会将渐变转化为 CSS 渐变格式。由于渐变的语法有一点复

  • 本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 background系列属性 常见背景属性 CSS样式中,常见的背景属性有以下几种:(经常用到,要记住) background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。

  • 1.6.1 color颜色属性: a. HSL颜色: 通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色. background-color: hsl(240,100%,50%);color:white; b. HSLA颜色: 色调(H)、饱和度(S)、亮度(L)、透明度(A); background-color: hsla(0

  • 除了前述的一些 font-* 开头的字体属性外,CSS还提供很多 text-* 系列的文本属性。 文本对齐(text-align) text-align 属性必须用于块级元素,定义文本以及内联子元素如何横向对齐。 body{ text-align: left;} 最常用的取值为: left:把文本排列到左边。默认值:由浏览器决定。 right:把文本排列到右边。 center:把文本排列到中间。

  • 字体尺寸(font-size) 我们在CSS尺寸单位一课中已经讲解过,用来设置文本显示大小。 p{ font-size: 16px;} 记住设置字体尺寸(font-size)为 16px 不表示每个字符都是 16px 高,实际尺寸还取决于每个字符所用的字体族(font-family)。 字体风格(font-style) 有3种字体样式:正常体(normal)、斜体(italic)和倾斜(obliq

  • 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r