博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
整理一下最近遇到的ie8兼容问题
阅读量:6172 次
发布时间:2019-06-21

本文共 529 字,大约阅读时间需要 1 分钟。

hot3.png

1.图片边框问题,给img设置border-style:none;即可解决。

2.input输入框光标不垂直居中问题,给input设置line-height为Input输入框的高度即可。

3.border-radius,box-shadow在ie8下不兼容,据说可以用PIE解决,试过了没生效,目前还没有找到有效方法

4.在ie8下cursor:pointer不生效问题,可以针对ie8设置元素width:0,height:0解决

5.在ie8下超出多行显示省略号,使用overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;在主流浏览器可以正常使用,在ie8的时候省略号不显示。目前有一种思路:在文本右下角写个span标签,<span>...</span>把它设置为绝对定位,背景设置为白色,如果有文本超出,刚好盖住超出的文本,出可以显示出省略号。

ps:目前先整理这些,后面再遇到继续记录下来。

转载于:https://my.oschina.net/kitty0107/blog/2876878

你可能感兴趣的文章
android中checkbox自定义样式
查看>>
svn : Can not Parse lock / entries hashfile错误解决办法
查看>>
Redis配置文件参数说明
查看>>
【linux】系统初始化的shell脚本
查看>>
jmeter之调度器配置
查看>>
PHP:错误 Deprecated: Function split() is deprecated in ... 解决办法
查看>>
mac 程序 Access-JSON-Data
查看>>
Android Immersive Mode (沉浸模式) 还是 Translucent Bars (透明状态栏)
查看>>
Window 分布式学习-好文收藏
查看>>
几种 Java 序列化方案的性能比较
查看>>
2015第48周四
查看>>
Ubuntu backlight
查看>>
使用sqlnet.ora限制IP访问
查看>>
一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂、原型和构造函数等模式)...
查看>>
Hadoop源码分析之读文件时NameNode和DataNode的处理过程
查看>>
轻量级的内部测试过程r \\ u0026研发团队
查看>>
Ants(思维)
查看>>
手机万能遥控器制作教程
查看>>
xib添加手势后报错:-[UITapGestureRecognizer setFrame:]: unrecognized selector sent to instance xxx...
查看>>
数据库三大范式
查看>>