在设计的各个方面,我目前正致力于实现我想要的布局和样式(不使用图像)的唯一方法是使用display:inline-block css style选项.但是,IE8和其他旧版浏览器不支持此功能,这导致我的设计失败.
所以我的问题分为两部分
1 – 是否有一种方法可以为IE8实现类似或相同的效果?
2 – 如果没有,我如何才能使设计顺利降级?
供您参考,以下是我的设计中使用它的示例.
< div style =“width:20px; height:20px; display:inline-block; background-color:rgb(200,120,120); margin-right:10px;”>< / div> Direct
它是一个20×20像素的颜色块,用于解释图表中的颜色.
更常见的是,每当我想要更大的格式化时,就会出现这个问题.布局控制文本正文中的特定位文本等.
在我正在进行的设计中,我将不再支持旧的浏览器类型,因为它严重依赖于canvas元素.但是,我认为这是一个很好的问题,因为我之前已经多次遇到过这个问题.
谢谢
解决方法
IE基本上有一个名为“hasLayout”的触发器.触发此操作将允许您在块级元素上使用display:inline-block(默认情况下,IE仅允许在本机内联元素上使用内联块).
此外,较旧版本的Fire Fox也不支持内联块,但具有“内联堆栈”值(moz-inline-stack).
据我所知,这是获得跨浏览器显示的最佳方式:内联块:
display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
原文地址:https://www.jb51.cc/html/226614.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。