Comments (13)
怎么个策略?
ui-support-ie ui-support-ie6
?
from esui.
@errorrik 灰大的意思应该是用特性检查吧,比如 ui-support-rgba
、ui-support-border-radius
这样的,就像 GitHub 页面 HTML 元素上的那些 class。
from esui.
是的,我觉得用特性检测更好,且这些由控件自己来做,当然如果控件有需要,加个ie6的样式也行
from esui.
- 控件来做有可能会冲突吧
- 特性那么多,挂n个到body上,rule match的性能。。。
没有很具体的例子,所以,我也没法判断是不是应该开这个口。因为对于rgba和border-radius这种需求来讲,貌似不需要开这个口就能支持了
from esui.
- 因为是
addClass
,冲突也没关系吧,不会重复的 - 特性确实多,但其实和CSS有关的不多,且希望控件尽可能不用
我提这个是因为,有些东西只用CSS的优先级来控制优雅降级,虽然能降,但在低版本下太丑太丑……但只.ie6又显得奇怪
from esui.
那么,现在有啥场景是必须用的呢?有例子米?
from esui.
用IE低版本看看demo/Wizard.html就啥也明白了TQT因为用border-radius做三角箭头,不支持的浏览器下看很丑……但是又不能只用优先级做到没有border-radius的情况下用别的样式搞得稍微好看些
from esui.
还好吧,除了用了:before和:after,没看出啥兼容性问题来。transparent貌似也有兼容性问题,我找个ie6测试测试
from esui.
我觉得,ie6下,变成方型就好了,用下划线,让那些块紧凑点就行。。。
from esui.
这个外形的问题同时涉及到IE8,我们大概还没能连IE8也无视掉。仅使用标准的CSS覆盖关系要做出降级效果并不容易,如加个下划线的话,Chrome也会有下划线出来,反而破坏了Chrome下的美感。用CSS Hack当然可以,但合适吗?
from esui.
<!DOCTYPE html>
<html>
<head>
<style>
ul, li{padding:0;margin:0;list-style: none}
li { float:left; height:24px; margin-right:-20px;}
li span{line-height: 24px;padding:0 12px 0 0; background: #e4e4e4;height:24px;float:left;}
.first span{padding-left:12px;}
li b{width:0;height:0;line-height: 0;font-size:0;border:12px solid transparent;border-left-color:#e4e4e4;float:left;}
li i{width:0;height:0;line-height: 0;font-size:0;border:12px solid #e4e4e4;border-left-color:transparent;float:left;}
.current span{background: red;color:#fff;}
.current b{border-left-color:red;}
.current i{border-color:red;border-left-color:transparent;}
</style>
</head>
<body>
<ul>
<li class="first"><span>1</span><b></b>
<li class="current"><i></i><span>2</span><b></b>
<li><i></i><span>3</span><b></b>
</ul>
临时随便做了个,ie7也支持,就是ie6不支持。我没太明白ie8为啥不支持
from esui.
好,看来是我记混了,对一些特性的支持我重新去梳理一下和UE及PM确认支持度吧
from esui.
好,对Wizard那个case,我的建议是:
- 放弃支持ie6,在ie6下显示并排并且间隔合理的方形块(通过css hack处理间隔)
- 如果想支持ie7,不要用:before和:after。如果不想支持,让ie7保持和ie6相同的效果。是否支持ie7可以根据浏览器统计和标签洁癖决定。
from esui.
Related Issues (20)
- 日程投放控件 HOT 4
- InputCollection 应当继承 ControlCollection HOT 1
- Table 的 overflowX 属性为非 hidden 的时候多出一个横向滚动条 HOT 3
- BoxGroup有一处事件没使用addDOMEvent绑定
- 解决set和setProperties触发change的问题
- Table的依赖不全
- 控件初始化子控件时的valueReplacer管理
- 控件初始化子控件时的valueReplacer管理
- 控件初始化子控件时的valueReplacer管理
- 指定元素的销毁子控件
- Select 控件对于value比较判断的兼容性问题 HOT 2
- 希望能添加一些布局相关的组件 HOT 4
- 对于带有数据源的控件是否应该支持外部不提供数据源的场景的表决 HOT 19
- addChild的时候添加校验 HOT 6
- viewContext的疑问 HOT 3
- 加个Lisence HOT 1
- MonthView的年月下拉框格式可调 HOT 1
- 渐变背景的问题
- Panel控件的addContent方法不适用table布局 HOT 2
- 关于拓展组件
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from esui.