IE6下input标签border问题

IE6下 input 背景图滚动问题及标签规范

ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300px; background:url(%E7%BB%83%E4%B9%A0%E8%A1%A8%E6%A0%BC/mon.jpg) no-repeat; background-color:#fcf; border:1px solid #069; } .box input{height:20px; width:30…

ie6下a标签click事件无法触发加载iframe

ie6下a标签click事件无法触发加载iframe,把a换成span或者别的,就可以了…

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了如图网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px…

IE6下a标签上发送ajax请求总是error

IE6下真是处处是坑啊!!!走过了一个又一个坑,记录一下吧. 之前不知道a标签上注册click事件之后,发送ajax请求总是error.后来经过几番网上搜索,终于找到高人遇到此坑的解决办法.原来是a标签上发送ajax请求就是error. 解决办法有3个,我喜欢用最后一个: 1.最简单的,换个标签吧,别用A了. 2.使用 <a href=”javascript:aa();”> 这种写法调用javascript方法. 3.在绑定事件里阻止A标签触发默认事件,jQuery就提供了个很简单的调用 …

IE6下a标签失效（背景穿透）

background:fixed url(about:blank);有时候做感应区域的时候在ie6下不给背景就会感应不到,比如说当鼠标移到图片的左半边部分,鼠标手势变成向左的箭头,比如说有些时候a标签即使给了display:block属性,但没给背景也会感应不灵敏,这个时候background:fixed url(about:blank)就解决了这种bug,再比如说浮动广告在页面抖动的问题(position:fixed)ie6不支持 position:fixed;如果是在样式里写positio…

react 在IE9下input标签使用e.target.value取值失败

在react项目开发中,input标签使用onChange方法获取输入值改变state: <input type="text" id="redeemNum" value={state.num} onChange={(e) => this.inputChange(e.target.value)}/>个</p> 但是,在IE9下发现 e.target.value 取值一直为undefined.在IE中,e.target 指的是window,…

解决IE6下a标签的onclick事件里的超链接不跳转问题

今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location”. 后来在网上查,需要阻止a标签的默认事件.还有一点,a标签里必须要写:href="javascript:void(0);". 阻止默认事件: js: 在onclick事件里,window…

给input元素添加float. 去除IE6 下input的空隙

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 200px; border: 1px solid #000000; background-color: red; } .box input{ border: 0; margin: 0; width: 200px; height…

IE8下 input标签内padding失效

在做网页兼容时发现在ie8下的input内用padding失效为了达到居中文字的效果使用line-height可以解决问题…

ie6下a标签的onclick事件不执行问题解决方案

<a href="javascript:void(0)" onclick="loadiframe()">点我咯</a> <script> var loadiframe = function(){ alert('弹不出来!!!') } </script> 解决方案:修改为href="##",为什么是两个#,因为一个#会往上跳.可行!…

关于input标签不同type下的盒模型

刚才发现,在Chrome下input标签的不同type类型所取的盒模型是不一样的.浪费了我很多时间去调试,唉. type="text"时,给它设置宽度width:300px,此时的盒模型是这样的: 即300px指的是content部分的宽度,不包括padding,border,这是W3C标准下的标准盒模型: 而当type=search,buttom,submit时,width:300px的盒模型是这样的: 即包括了padding和border部分,这是微软IE浏览器版本678下的IE盒…

(转)解决png图片在IE6下不透明的方法

来源于:http://xzl52199.blog.163.com/blog/static/95206446201142174540220/ 一.传统的JavaScript方法思路: 1.一个专门解决png图片无法在IE6正常显示的JS类DD_belatePNG.js, 2.在页面中引入该类,并且指定对那些页面元素起作用 eg:<script>DD_belatePNG.fix('img')</script> 表示对img标签,这里可以写类名代码: DD_belatePNG…

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点问题:IE6不支持png背景透明或半透明一.可解决的方法补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是“filter”,总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部分,其他内…

IE6下css常见bug处理

1.双倍边距如下图所示,一个样式里面既设定了“float:left:”又有“margin-left:100px:”的情况,就呈现了双倍情况.如外边距设置为100px, 而左侧则呈现出200px,解决它的方法是在浮动元素上加上display:inline;的样式,或者尽量少用这种形式,这样就可避免双倍边距bug. <!DOCTYPE html> <html> <head> <title></title> <style> .box{ b…

IE下script标签的readyState属性

在做加载器时遇到一个常见问题,如何判定一个脚本已经执行完毕. "uninitialized" – 原始状态 "loading" – 下载数据中 "loaded" – 下载完成 "interactive" – 还未执行完毕 "complete" – 脚本执行完毕. 网上流行的答案是这个,我怎么觉得其实这是抄自XMLHttpRequest的readyState呢?!恰逢这两个都有这属性. 我们亲自做一个实验:…

关于input标签和placeholder在IE8，9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I…

ie6、7 下input的边框问题？

input的border设置为none,ie8及以上border都兼容,ie6和7的border还继续存在,将border设为0时所有浏览器上都不存在了,但是border为0时还是会继续的渲染. 将input的border设为"0 none",ie7及以上都正常了,但是ie6上input和a不在同一行上,当我把a的宽度减掉4个像素,或者把a设为右浮动时ie6也显示正常了.这多出的4个像素不知道是哪里出来的,父级和子集都不存在padding和margin的值,2个子级的宽度和等于父级的宽…

ie6下：png图片不透明和背景图片为png的节点的内部标签单击事件不响应

1.png图片不透明少量图片时:使用滤镜: _background:none; _filter:prodig:DXImageTransform.Microsoft.AlphaImageLoader(src="../a.png"); 注意: 测试发现如果把样式写在css文件里,而非当前页面的<style></style>里,则不会生效. 图片多时:使用js插件,可参考ie6里png图片不透明. 其实如果是少量图片,可以直接把png改成gif,就不用特意为ie6作…

ie6,ie7下a标签无法点击（转载）

前几天在做一个网站的引导页面,因为都是用图片,所以按钮需要用空a标签来做,发现a标签在IE6与IE7中点击无效中点击不了,其他浏览器都正常.一开始以为是z-index的问题,但不论z-index设置多大依然还是无效.代码大致如下: <a style="position:absolute; top:0; left:0; display:block; width:100px; height:50px;" href="#"></a> 给a标签添加文…

js在ie6下的一个bug—未结束标签的错误

在IE6下,如果在body标签没结束前,用代码获取body对象就会出现错误.如: <html> <head> <script type="text/javascript" src="jquery"></script> </head> <body> <script> $('body').append('<div>123</div>'); </script&…

ie6下标签定义的高失效，显示的高不受设定的height值影响

今天又碰到一个奇葩的ie6兼容bug,忍不住抱怨下这个后妈生的鬼东西!! 看图这个是在非ie6下的浏览器效果…

web前端在 iOS下 input不能输入以及获取焦点之后会出现蓝色的border轮廓

iOS下 input 不能获取焦点获取焦点后:设置border:none无效果 .hb_content input{ display: inline-block; margin-left: 0.225rem; height: 1rem; border: none !important; outline: none; /** 控制iOS获取焦点后的轮廓 */ color: #000000; font-size: 100%; width: 50%; -webkit-user-select: aut…

ie6下兼容问题

最小高度问题:overflow:hidden 在ie6.7下 li本身不浮动内容浮动 li产生3像素间隙解决:vertical-align:top; 二.当ie6下最小高度问题和li间隙问题共存时给li加浮动滤镜:标准浏览器[opacity:0.5] ie6[filter:alpha(opacity=50)] 图片底部3像素问题:vertical-align:top; padding是占位置的. ie6下子元素会撑开父级设置好的宽高 : 计算一定要正确,不要让内容的宽高,超出设置的宽…

一个input标签搞定含内外描边及阴影的按钮～

自从怀孕以来,我就变得很是轻松,偶尔写一两个页面,或者偶尔调试一个两个bug,或者偶尔给做JS的同事打打下手,修改个bug什么......一个习惯于忙碌的工作的人,这一闲下来,感觉还真TM很不舒服-怎么办,自己打发时间呗,闲来无事看看别人的技术博客,趁这段时间长长自己的见识,充充电:可实在不想看了.烦了,怎么办?偶然间看到一个同事写的一个按钮了,因为一个边的浅色内描边所以,用了两个div写了一个按钮:之前的处理都是直接把那1px的描边直接忽略,或者找设计重新调整,因为感觉一个按钮用两个标签有点浪…

IE6下png格式图片显示问题

一开始是使用 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgBtn.png'); /* IE6 */ _ background-image: none; /* IE6 */ 来修正,后来发现这样会导致input被遮盖住,无法进行点击,据说加个position:relative能解决,测试没效,不晓得什么问题,而且这几个元素已经加了个position:absolute. so,继续找插件滴干活使…

IE6下margin时，float浮动产生双倍边距

今天遇到了一个IE6下的兼容性问题,虽然IE6已经不被大众所期待了,用户也已基本上消失的所剩无几,但是,作为一个问题而存在,我们有必要尝试的去研究一下bug的改善方法对元素float-left,然后再对元素设置margin-left:40px,调试时候,鬼一般的出现了双倍的margin-left,变为80px(同样如果是float-right,margin-right亦是如此) 效果如下: 而在chrome,IE7+,均没有这个现象产生,现象如下: 后来,在样式中给元素添加了一个display…

input 标签实现带提示文字的输入框

方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录.搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你,Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅. 当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label.使用JS控制. HTML5…

隐藏 input 标签的边框

css input 如何去掉点击后出现的边框:css文件里加:*:focus { outline: none; } 或 input {outline:none;} 去边框的方法如下方法1: <input type=text value=swerwdfwe style="border-style:none"> 方法2: 给input设置border:none;但在iE6下不行,还有边.应该将 border:none; 换成border:0; 这是ie6 的兼容性问题或者&…

疯狂抨击ie6下各种扭曲行为

从开始接触ie6就被它强大的力量给震住了,虽然它很可怕,但是我总归得想方设法把它给扼杀在摇篮外.以下是我在ie6下面碰到的一些扭曲行为,弱弱的把它给干掉!!! 1.浮动下margin翻倍问题(很典型,估计大家都知道了). div {float: left; width: 100px; margin: 10px; display: inline;} 只需在div中添加display: inline;这个问题就迎刃而解了. 2.margin失效问题. <div class="container…

【IE6下input标签border问题】的更多相关文章