CSS Expressions

后端未结

关注

 3  487

I read somewhere that CSS Expressions were deprecated and shouldn\'t even be used. I had never heard of them and decided to take a look. I found a code example that kept a

相关标签:

3条回答

孤街浪徒

2020-11-27 18:11

CSS expressions used to work in older IE's, but they have been completely abandoned in IE8:

Dynamic properties (also called "CSS expressions") are no longer supported in Internet Explorer 8 and later, in IE8 Standards mode and higher. This decision was made for standards compliance, browser performance, and security reasons, as detailed in the IE blog entry titled Ending Expressions. Dynamic properties are still available in Internet Explorer 8 in either IE7 mode or IE5 mode.

So it's arguably not really worth learning them any more.

If not, what should I use?

Depending on the use case, JavaScript or media queries.

As @Yet Another Geek notes, your above example can be implemented using position: fixed. IE6 doesn't support that - the CSS expression was probably created to work around that.

0 讨论(0)
发布评论:

提交评论
- 加载中...
一个人的身影

2020-11-27 18:16
1. Probably not. It's easier to use position:fixed or Javascript
2. Not unless you're only supporting IE < 8. IE8+ and other browsers don't support it*; it's not standards compliant and won't pass validation
3. Use position:fixed; bottom:x; top:y; left: a; right:b; where x, y, a, and b are offsets. Or, use Javascript
4. Again, not unless you're using old versions of IE only. Really, just dump it. the same effects can be achieved with JS and normal CSS.
*Officially, anyways. Apparently it worked on Chrome for @DalexL
0 讨论(0)
发布评论:

提交评论
- 加载中...
终归单人心

2020-11-27 18:21
For keeping an element in the same place while scrolling you should use the position:fixed property and then use top,bottom,left and right properties to tell where it should be positioned.

EDIT: Here how it should be for your example:
```
<html>
<style>
#fixed {
position:fixed;
left:10px;
top: 50px;
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>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...