设置了width和height的a元素在IE11与IE11以下浏览器中的不同渲染方式
2016-01-13 15:19
330 查看
#welcomeMiddleBtn { display: block; width: 73px; height: 120px; margin: 0px auto; } <a id="welcomeMiddleBtn" href="${basePath}/files/test.zip"> <img src="${basePath}/images/welcome/transparent.png" border="0"></img><!--为了兼容IE11以下的版本,这里用个透明图片撑一下a元素 --> </a>
在上面的CSS样式中,我们给a元素设置成了块元素,并且设置了width和height;
在火狐,谷歌浏览器以及IE11浏览器中这个a元素都可以正常的渲染为一个有width和height块级元素
但是在IE11以下的版本,就会有问题,IE在渲染它时,由于a元素中未包含内容,就算CSS已经设置了width和height,IE依然不会把它渲染出来,这就导致没法点击到该
解决方案:就是在a中包含内容,把它撑出来
相关文章推荐
- java数据类型之间的转换
- 54. Spiral Matrix && 59. Spiral Matrix II
- 如何与离职员工面谈沟通?
- 我们都忽略了Html5的力量,如果只看成一种技术就大错特错了!
- C/C++ void及void指针
- 面试题46:翻转单词顺序VS左旋转字符串
- Java 8 学习--lambda表达式的月之暗面
- 203,状态栏
- 随记
- oracle jdbc连接报错:违反协议
- OpenGL模板缓冲区---StencilBuffer
- 我们都忽略了Html5的力量,如果只看成一种技术就大错特错了!
- Android L之 VectorDrawable
- Eclipse导入Tomcat源码
- Tomcat 7 源码分析 - 下载 tomcat source code 并导入eclipse
- Yii2 数据操作Query Builder
- 仿QQ左滑出现删除,只能有一条记录显示有左滑js实现
- 我所做过的项目总结
- C、C++动态分配函数暨几种参数传递疑难解析
- LEFT JOIN 多表查询的应用