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

CSS表达式

乐正明辉
2023-03-14
问题内容

我在某处读到CSS表达式已被弃用,甚至不应该使用。我从没听说过它们,所以决定看看。我找到了一个代码示例,即使您滚动,该示例也将浮动元素保留在屏幕上的同一位置。

<html>
<style>
#fixed {
position:absolute;
left:10px;
top:expression(body.scrollTop + 50 + "px");
background:white;
border:1px solid red;}
</style>
<body>
<p id="fixed">Here is some text, which is fixed.</p>
<p>
[many times: "stuff <br/>"]
</p>
</body>
</html>

这让我想起了在页面底部具有“共享栏”和内容的网站。

所以…

  1. 这是他们的做法吗?
  2. 在这种情况下可以使用表达式吗?
  3. 如果没有,我应该怎么用?
  4. 表达式还可以提供其他有用的帮助吗?

问题答案:

CSS表达式曾经在较旧的IE中起作用,但在IE8中已被完全废弃:

Internet Explorer 8和更高版本,IE8 Standards模式或更高版本不再支持动态属性(也称为“CSS表达式”)。做出此决定是出于标准合规性,浏览器性能和安全性原因,如IE博客标题为“结尾表达式”中所述。动态属性在IE7模式或IE5模式下的Internet Explorer 8中仍然可用。

因此,可以说不再值得进一步学习。

如果没有,我应该怎么用?

根据用例,使用JavaScript或媒体查询。

正如@Yet Another Geek指出的那样,您可以使用来实现上述示例 position: fixed。IE6不支持该功能-
CSS表达式可能是为解决此问题而创建的。



 类似资料:
  • 问题内容: 我有一个带有div的html页面,这些div的 ID 为 s1 , s2 等形式。 我想将CSS属性应用于这些部分/ div的子集(取决于id)。但是,每次添加 div时 ,都必须像这样分别为该部分添加css。 css中是否有类似正则表达式的内容,可用于将样式应用于一组 div 。 问题答案: 您可以设法选择那些元素而无需任何形式的正则表达式,如先前的答案所示,但是要直接回答问题,可以

  • 问题内容: 我正在创建一个CSS编辑器,并试图创建一个可以从CSS文档获取数据的正则表达式。如果我拥有一个属性,则此正则表达式有效,但我无法使其对所有属性都有效。我在PHP中使用preg / perl语法。 正则表达式 测试用例 预期结果 实际结果 在此先感谢您的帮助-整个下午使我感到困惑! 问题答案: 对于单个正则表达式来说,这似乎太令人费解了。好吧,我敢肯定,通过正确的扩展,高级用户可以创建正

  • 问题内容: 我想基于CSS表达式设置div的高度。 基本上,应将其设置为 我尝试过以下操作的视口 宽度的 某些百分比(例如90%),但不起作用; 我正在寻找一种跨浏览器的方式(IE7 +,FF4 +,Safari) 问题答案: 除IE之外,CSS表达式均不受支持(即使在那里也被认为是一个坏主意)。 但是,实际上并没有其他方法可以完成您要问的事情,至少不仅仅使用CSS。 唯一的选择是使用Javasc

  • 问题内容: 我一直在关注Sass教程。由于某些原因,尽管Sass文件无法正确生成css。终端说css是无效的,但我敢肯定不是。我也尝试过更改它,以防万一出现问题… 我做错了什么? Sass版本:Sass 3.1.10 错误信息: .sass文件内容: 问题答案: 根据您的错误消息(),我可以告诉您正在使用扩展名的Scss文件。将文件名更改为。 Sass和Scss使用两种不同且不兼容的语法。

  • 例如与CSS选择器一起使用,但如何使用XPath表达式呢?

  • 问题内容: 有没有办法让AngularJS在模型数据中评估表达式? HTML: 模型: 最终结果将是:。 问题答案: 您可以使用该服务来插值字符串… JSFiddle