【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”
@Kener-林峰 你好,想跟你请教个问题:
IE8下 Tab切换ajax加载图表时会出现红色背景
看起来似乎是canvas导致的,不知道有没有设置项可以去掉这个血腥的红色。
【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”
@Kener-林峰 你好,想跟你请教个问题:
IE8下 Tab切换ajax加载图表时会出现红色背景
看起来似乎是canvas导致的,不知道有没有设置项可以去掉这个血腥的红色。
看了下IE8下echarts生成的canvas
<canvas style="POSITION: absolute; WIDTH: 735px; HEIGHT: 367px; TOP: 0px; LEFT: 0px" width="735" height="367" data-id="1">
<DIV style="POSITION: absolute; WIDTH: 735px; HEIGHT: 367px; OVERFLOW: hidden">
<g_vml_:shape style="POSITION: absolute; WIDTH: 10px; HEIGHT: 10px" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "#ccc" strokeweight = "1.5pt" path = " m500,3170 l6850,3170 e">
<g_vml_:stroke opacity = "1" miterlimit = "10" joinstyle = "miter" endcap = "flat"></g_vml_:stroke>
</g_vml_:shape>
</DIV>
<DIV style="POSITION: absolute; FILTER: alpha(opacity=0); BACKGROUND-COLOR: red; WIDTH: 735px; HEIGHT: 367px; OVERFLOW: hidden"></DIV>
</canvas>
会生成很多个这样的canvas元素,里面都有一个background-color为red的div
不知道这个有没有地方可以设置覆盖掉这个red?
这个是不是跟IE8依赖的excanvas有关?
引用来自“Kener-林峰”的答案
↑↑↑简单写了下html结构及脚本实现
js引用:
<script type="text/javascript" src="./js/jquery-1.8.3.min.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/echarts-plain-original-map.js" charset="utf-8"></script>
来回切换两个Tab时,在ie8下可以见到红色
具体效果我截了下屏:http://vdisk.weibo.com/lc/ljgkW31LeDr8bYWQ7 验证码:L8HK
ps:很疑惑的是 我直接写的html及上述js引用,在ie8下会报document.body为空或未定义这种错误 实在不明白原因 有感ie时代前端的生存环境是有多费解orz
奇怪,看到你的红色了,但我用自己的IE10切换的IE8模式下没发现,这种tab切换的使用太常见了,不应该有问题,你也是唯一一个反馈红色问题的人,你机器什么配置?我看excanvas,那是占位的dom不应该被看到。
另外,关于报错,用plain引入,把script标签放到body结束后就好了,看这例子源码
http://echarts.baidu.com/doc/example/www2/index.html