IE8中,图片lebel不能正常使用解决办法
http://www.cnblogs.com/mybest/articles/1743786.html
http://ryx.utan.com/survey/slimming/twostage
例子
<input name="colors" id="colortwo" type="radio" value="" /><label for="colortwo">black-and-white</label>
<label for="colortwo"><img src="/card/images/cardblack.jpg" width="321" height="204"/></label>
<input name="colors" id="colortwo" type="radio" value="" /><label for="colortwo">black-and-white</label>
以上代码,在IE8中运行不正常,在火狐中正常。没有感觉不对劲的地方。后来搜索,网上给了一个答案,不过感觉不太理想,自己改进了一下,先看代码,再给改进方案。
网上解决方案
代码
s {height:204px;
width: 323px;
position: absolute;
z-index:100;
filter:alpha(opacity=0);
background-color: #FFF;
}
</style>
<label for="colorfull"><s></s><img src="/card/images/cardcolor.jpg" width="321" height="204" /></label>
<input name="colors" id="colorfull" type="radio" value="" /><label for="colorfull">color</label>
<label for="colortwo"><img src="/card/images/cardblack.jpg" width="321" height="204"/></label>
<input name="colors" id="colortwo" type="radio" value="" /><label for="colortwo">black-and-white</label>
这个解决方案不好的方就在于,这里用了一个层,来覆盖图片,给了这个层一个白色背景色,又把这个背景色设置为透明。虽然IE骗过去了,但火狐不吃透明度这一套。依旧显示白色一大块。
改进方案
s{
height:204px;
width: 323px;
position: absolute;
z-index:100;
background-image: url(../images/tan.gif);
}
</style>
转载于:https://www.cnblogs.com/zhp404/articles/4505692.html
IE8中,图片lebel不能正常使用解决办法相关推荐
- 【Get深一度】Microsoft Office 2013 Word中图片插入后变模糊解决办法
Microsoft Office 2013 Word中图片插入后变模糊解决办法 作者在使用Word时发现插入的图片变模糊了,这个问题以前也经常遇到,只是从未上心过,这次花点心思解决一下,也给众多 ...
- word中图片不能完全显示的解决办法
现象: 在修改论文的字体行间距时,或整段幅值文档时,发现复制的图片不能完全显示,如下图所示: 解决办法: 点击图像,选择 段落 右下角的展开标志: 然后,行间距选择 单倍 即可
- html中图片之间有缝隙,科技常识:HTML5中图片之间的缝隙完美解决方法
今天小编跟大家讲解下有关HTML5中图片之间的缝隙完美解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML5中图片之间的缝隙完美解决方法 的相关资料,希望小伙伴们看了有所帮助. ...
- java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法 来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
- ABBYY FineReader中检测不到表格的解决办法
ABBYY FineReader是一款图文识别(OCR)软件,使用ABBYY FineReader识别带有表格的文档时,表格区域对以表格形式排列的表格或文本片断进行标记,但有时会出现程序自动检测表格失 ...
- [总结]jsp完成文件上传中遇到的“法克”路径解决办法
在web工程中完成文件上传,需要在jsp页面上写上如下一个控件: <input type="file" id="f" name="f" ...
- [转载]微软雅黑体使用于WORD中,行距过大的解决办法!
原文地址:微软雅黑体使用于WORD中,行距过大的解决办法!作者:u2599 微软雅黑字体在简体中文word中编辑文档时行间距过大,相信有很多朋友都注意到了这个问题. 如何解决这个问题? 方法1:在段落 ...
- VC++中StretchBlt图像失真问题的解决办法
VC++中StretchBlt图像失真问题的解决办法 2010年11月02日 09:56:00 gengxt2003 阅读数:7972 VC++中StretchBlt图像失真问题的解决办法 2009年 ...
- jar中没有主清单属性【解决办法】
<main><script type="text/javascript"> var blogSensitiveWords = ""; j ...
最新文章
- 小程序代理加盟实现月入1800到50K
- 看博客学学Android(十三)
- Mysql 获取当月和上个月第一天和最后一天的解决方案
- RxLifecycle详细解析
- h5-plus.webview
- 最优化作业第6章——无约束多维非线性规划方法
- linux18.04循环登陆,ubuntu18.04 循环登陆
- 数据源管理 | 主从库动态路由,AOP模式读写分离
- Java面试之谈谈对Volatile的理解
- 为什么所有浏览器的userAgent都带Mozilla
- authware_在yonohub上轻松使用autoware auto
- 一、Django初级
- python屏幕文字识别_python识别图片文字
- 腾讯笔试经验-不是大牛-勿看
- 网页游戏防外挂策略。
- IOS测试——keychain_dumper工具的使用
- canvas实现动态矩形碰撞
- java源码解读 pdf_好家伙!这一篇文章就给你讲明白了Java并发实现原理之JDK源码剖析(PDF文档)...
- dp动态规划刷题总结
- 2022年计算机软件水平考试程序员系统集成项目管理工程师(中级)练习题及答案