【IE6的疯狂之二】IE6中PNG Alpha透明(全集)

ie7,fireofx,opera,及至webkit内核的chrome ,safari….. 这些浏览器均支持png的Alpha透明. 很多人说IE6不支持PNG透明,其实IE支持100%透明的PNG,疯狂的IE6只是不支持png的Alpha透明. 这个BUG给我们带来了很大的困扰. 但是这仍然存在很多问题,比如半透明的PNG背景图片. Gulu77整理了4种IE6中PNG Alpha透明的方法: 测试实例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/…

【IE6的疯狂之一】IE6中奇数宽高的BUG

IE6真是太疯狂了.今天由于项目需要做了这么一个布局:一个外部的相对定位div,内部一个绝对定位的div(right:0), 如图: 可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改成偶数.高度也是一样的查看源码: CSS代码: #out {width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*/height: 300px;position: relative;background:#FF0…

【IE6的疯狂之四】IE6文字溢出BUG

在IE6下使用浮动可能会出现文字重复的情况. 在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来. 看个例子: XML/HTML代码 <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=“http:/…

【IE6的疯狂之三】IE6 3像素BUG的实例

问题:2列布局.左列固定,右列液态我需要做一个布局.2列,左边列固定宽度.右边列使用剩余宽度.整体宽度不固定,这样不管在17 还是19的屏幕上,左边列始终宽度不变,右边列宽度始终占据剩余宽度.但是我写这个布局缺在ie6下面始终解决不了3像素bug.请在IE6下测试 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href=”http://www.w3c.org/TR/1999/REC-html401-1999…

【IE6的疯狂之十三】IE6下使用滤镜后链接不能点击的BUG

大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了. 见demo页面中的例子1:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看): 非常好!但是如果在使用滤镜容器的中加上绝对定位,悲剧发生了!a标签上加相对定位的属性(position…

【IE6的疯狂之十二】一个display:none引起的3像素的BUG

今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug. 看代码: <div style="width:300px; margin:20px; border:1px solid #000; overflow:hidden; zoom:1;"> <div style="background:green; width:10px; float:left; height:300px;…

【IE6的疯狂之九】li在IE中底部空行的BUG

曾经写过[IE6的疯狂之六]li在IE中底部3像素的BUG(增加浮动解决问题),原文地址:http://www.css88.com/archives/421: IE6 BUG大全: http://www.css88.com/archives/579 但是这次li在IE中底部出现的不是3像素而是一整条空白行,如图: HTML代码: 1 <ul> 2 <li><a href="#">第1条连接</a></li> 3 <…

【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）

今天开发项目中碰到一个li在IE中的BUG,先来看设计原型(如图:) 两个红色中间是<li>1px的底边框: 我写的代码如下: ============================================================= <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“…

【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG

在前端开发中,经常会用到css的position:absolute来使层浮动,前通过left,top,right等属性来对层进行定位,但ie6对left,top,right等属性的解释和ie7,ie8及firefox.chrome等不一致. 在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置.这点造成使用position:absolute进行层定…

【IE6的疯狂之五】div遮盖select的解决方案

IE6以及一下版本下,选择框Select会覆盖Div中的内容一般情况下,可以将显示的内容放到Iframe中,然后再显示框架内的内容.由于Iframe的可以显示在Select上层,就可以解决这个问题.不过这样做在实现上比较麻烦.有个解决的部分就是在Div内容中加入不显示的Iframe框架即可,不用修改其他内容.例如:http://www.css88.com/demo/div_select/div_select.html CSS代码 body { margin: 0; padding: 0; tex…

jquery博客收集的IE6中CSS常见BUG全集及解决方案

今天的样式调的纠结,一会这边一会那么把jquery博客折腾的头大,浏览器兼容性.晚上闲着收集一些常见IE6中的BUG 3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右侧容器内部,当设定高度后又跑到容器的左侧了,所以对布局精度要求高. 当子元素浮动且未知高度时,怎么使父容器适应子元素的高度? 这种情况可在父窗口加上 overflow:auto;zoom:1;这两个样式属性,overflow:auto;是让父容器来自适应内部容器…

【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了. XML/HTML代码 <!–[if IE 6]> <script type=”text/javascript”> docume…

【IE6的疯狂之七】样式中文注释后引发失效

这是IE6 出现的奇怪现象.这是由于css 和html 的编码不同所引致. 满足下面条件就会引起注释下面的样式不起作用:1. css有中文注释2. css为ANSI编码3. html为utf-8编码解决方法:1. 去掉中文注释,用英文注释2. 统一css 和 html 的编码建议采用第二种解决方法 ps: css为uft-8 html 为ANSI 不会出现失效的情况. 参考文章:冯子胡说的 http://vontall.blogbus.com/logs/4366443.html 转载请…

IE6中CSS常见BUG全集及解决方案——摘自网友

IE6中CSS常见BUG全集及解决方案 IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况.如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug. 3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右侧容器内部,当设定高度后又跑到容器的左侧了,所以对布局精…

解决IE6中 PNG图片透明的终极方案-八种方案！

“珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家在这方面少烧点脑细胞,KwooShung我就舍身一把,把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内,以供大家学习参考! 方案1 - 滤镜解决方案: 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果…

针对firefox ie6 ie7 ie8的css样式中的line-height属性

针对firefox ie6 ie7 ie8的css样式中的line-height属性以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!这些细节却往往影响了整个页面样式的美观性.搜索了一下,找到了一个针对IE7.IE8不错的hack方式,IE7使用*+html或*line-height: 方式.大概的总结如下: CSS可以参照如下定义,注意顺序: #menu { line-he…

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背目录解决代码解决png图片在html中解决png作为网页背景-css 1.解决PNG图片在IE6中背景不透明的CSS与JS代码 - TOP JS代码 function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE&q…

jQuery学习笔记(二)jQuery中DOM操作

目录 DOM操作分类 jQuery中的各种DOM操作查找节点创建节点删除节点复制节点替换节点包裹节点属性操作样式操作对HTML.文本和值的操作遍历节点 CSS-DOM操作小结本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi…

半透命opacity:(0-1)，对于IE6版本不支持需要用filter：alpha（opacity=0-100）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 300px; height: 300px; background-color: red; filter:alpha(opacity=50); opacity: 0.5; } </style> <!-- IE6.…

分布式数据存储之 Redis(二) —— spring中的缓存抽象

分布式数据存储之 Redis(二) -- spring中的缓存抽象一.spring boot 中的 StringRedisTemplate 1.StringRedisTemplate Demo 第一步:引入redis依赖最重要的依赖 compile('org.springframework.boot:spring-boot-starter-data-redis') 此依赖为springCloud 父项目依赖(但已添加 redis 依赖) buildscript { ext { sprin…

（转）SpringMVC学习(十二)——SpringMVC中的拦截器

http://blog.csdn.net/yerenyuan_pku/article/details/72567761 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理.本文主要总结一下SpringMVC中拦截器是如何定义的,以及测试拦截器的执行情况和使用方法. SpringMVC中拦截器的定义和配置 SpringMVC中拦截器的定义在SpringMVC中,定义拦截器要实现HandlerInterceptor接口,并实现该接口中提供…

JVM(二):Java中的语法糖

JVM(二):Java中的语法糖上文讲到在语义分析中会对Java中的语法糖进行解糖操作,因此本文就主要讲述一下Java中有哪些语法糖,每个语法糖在解糖过后的原始代码,以及这些语法糖背后的逻辑. 语法糖语法糖(Syntactic sugar),也译为糖衣语法,是由英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语,指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用.通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会.…

OpenJDK源码研究笔记(十二):JDBC中的元数据,数据库元数据(DatabaseMetaData),参数元数据(ParameterMetaData),结果集元数据(ResultSetMetaDa

元数据最本质.最抽象的定义为:data about data (关于数据的数据).它是一种广泛存在的现象,在许多领域有其具体的定义和应用. JDBC中的元数据,有数据库元数据(DatabaseMetaData),参数元数据(ParameterMetaData),结果集元数据(ResultSetMetaData) 分别封装了数据库产品名字等数据库信息.查询参数的个数等参数信息.结果集的列数等结果集信息. 数据库元数据 /** *数据库的整体综合信息. */ public interface Dat…

css中filter:alpha透明度使用

css中filter:alpha透明度使用使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大家可以参考下 filter:alpha(opacity=0, finishopacity=100, style=2, startx=0, starty=5, finishx=200, finisyY=195) opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明.…

去除图像中的alpha通道或透明度

自从appstore提交app改变后,虽然提交的流程还是和原来一样,但是相比以前还是有很大的改动,本来就不太喜欢 English,改版之后很多东西都变了,开发一个app就已经够他妈的蛋疼啦,上传一个app居然还要折腾我一翻,我只能说蛋蛋都碎了...不过,我除开精通iOS开发还略懂PS技术,所以这个东东还是困不住我,哈哈.下面就把“去除图像中的alpha通道或透明度”分享给everybody...... 一.问题的出现当你历尽千辛万苦开发了一个你自以为很屌的app之后,终于你要提交了,此刻的心情…

Oracle-11g 中使用表空间透明数据加密（TDE）

Oracle-11g 中使用表空间透明数据加密(TDE)的限制 TDE 表空间加密方式会在数据读写过程中加解密数据.与在 SQL 层面做加解密的 TDE 列加密方式相比,其限制要大幅减少.例如:数据类型.索引类型的限制.但 TDE 表空间加密方式仍存在如下限制: (TDE tablespace encryption encrypts/decrypts data during read/write operations, as opposed to TDE column encryption, w…