ie6的png24问题

解决IE6的PNG透明JS插件 DD_belatedPNG 引:http://www.cnblogs.com/cobby/archive/2012/05/11/2495801.html IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件.虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来.虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺.DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,…

iepngfix.htc让PNG-24在IE6中透明的方法（转）

add:360用的一个方法:  PNG的透明效果真的很棒,但往往在设计网页时,为了尽量少用IE6的hack,不惜丢弃一…

让ie6对png透明图片支持起来

[声明:此文仅是对低版本ie使用透明图片的一个研究,当时出于工作要求,所以花费了一番心思在兼容旧版本ie上,现在对ie8都是做降级处理了.不培养用户坏习惯.引导用户跟随潮流体验新技术应是我们前端开发者的责任.] 一个老生常谈的问题就是ie6不支持透明png图片啊.但其实ie6只是不支持png-24格式的透明背景图片,但对透明背景的png-8图片还是支持的,只是png-8图片只有256色,放到任意浏览器都会呈现白色的锯齿. 当代码这样时: <style type="text/css"…

小结IE6的坑

1.z-index在position:relative/absolute等定位属性设置后还是无效,会导致top栏的导航栏目的子菜单被下面的层遮住,无法显示:解决办法:?http://www.wufangbo.com/ie6-ie7-z-index-bug/就是被子导航列表覆盖的层绝对不能设置为相对定位(在该层中想让其子元素设置为position:absolute;本层设置为position:relative;这样的组合在IE6中是绝对不允许的,解决办法是:去掉父层的position:relati…

CSS在IE6中常见的兼容性问题

1.在IE6中png24格式的图片不透明解决办法:写一个条件注释语句,引入一个js插件,然后调用一下js中的方法,把需要处理的元素的类名写在括号中,如下 (插件下载地址:http://www.dillerdesign.com/experiment/DD_belatedPNG/) <!--[if IE 6]> <script src="DD_belatedPNG_0.0.8a-min.js"></script> <script> DD_b…

【转】png优化相关

Png是图像文件存储格式,在网页设计中已经不是一个陌生的名词,在前端开发中经常使用到它,如常用CSS 雪碧图.而Png的使用不仅仅如此,Png有多少种格式,有哪些特点,PC端中常用的Png格式是哪些,手机端最合适的Png格式是什么呢?如果你对这些问题有疑问,那么很开心的告诉你,这里有你需要的答案(*^__^*) 嘻嘻…… 这篇文章本来是上上周要发的,后来家里有事情,回老家了,这周才回到深圳,推迟到今天才发~ 不多说了,看文章~~ 目录: Png的格式和透明度 [Png 不透明]格式 Png24实…

PNG的使用技巧

Png是图像文件存储格式,在网页设计中已经不是一个陌生的名词,在前端开发中经常使用到它,如常用CSS 雪碧图.而Png的使用不仅仅如此,Png有多少种格式,有哪些特点,PC端中常用的Png格式是哪些,手机端最合适的Png格式是什么呢?如果你对这些问题有疑问,那么很开心的告诉你,这里有你需要的答案. PNG的格式和透明度这个Fireworks会比较清楚,打开Fireworkd优化面板,可以清楚看到png有3种不同深度的格式:png8.png24.png32. 其中,在优化面板选择png8,可发现…

PNG使用技巧 PNG的使用技巧

PNG的格式和透明度这个Fireworks会比较清楚,打开Fireworkd优化面板,可以清楚看到png有3种不同深度的格式:png8.png24.png32. 其中,在优化面板选择png8,可发现png8包括不透明.索引色透明.alpha透明3种格式. PNG8 8位的png最多支持256(2的8次方)种颜色,8位的png其实8支持不透明.索引透明.alpha透明. PNG24 支持2的24次方种颜色,表现为不透明. PNG32 支持2的32次方种颜色,32位是我们最常使用的格式,它是在pn…

Responsive Design响应式网站设计心得笔记

这个词已经喊了很久了,一直都是小打小闹,没正经的做过大的响应式全站,这次终于有机会了.网站刚上线半个月,就要改版为响应式设计,支持手机/PC等各类终端显示浏览.今天把首页做好,并测试无误,这里把一些应该记录的东西写下来,一是备忘,二是分享给需要的人. 一.对不支持html5标签的IE,可以使用类似html5 shiv的插件(地址http://html5shim.googlecode.com/svn/trunk/html5.js)也可以自己使用javascript 的createElement将这…

REST风格的服务

使用ASP.NET Web Api构建基于REST风格的服务实战系列教程[三]——Web Api入门系列导航地址http://www.cnblogs.com/fzrain/p/3490137.html 前言经过前2节的介绍,我们已经把数据访问层搭建好了,从本章开始就是Web Api部分了.在正式开始之前,再一次回顾一下Web Api的应用场景:Web Api可以与 MVC,WebForm结合使用,也可以作为一个单独的Web服务.在正式讨论Web Api的配置以及如何构造我们的URI来消费资源…

ElasticSearch的插件（Plugins）介绍

ElasticSearch的插件(Plugins)介绍作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 目前可以扩展ElasticSearch功能的插件有很多,比如:添加自定义的映射类型,自定义分析器,本地脚本,自定义节点的发现方式等等.我们想要安装插件有两种方式,一种是直接将插件放置在pugins目录中即可,另外一种方式就是使用 elasticsearch-plugin 脚本进行安装. 一.安装ES插件 1>.插件命令以及安装目录介绍 [root@node101 ~]# r…

html+css基础知识

这是自己学习html时候做的一些记录,供大家参考 <!-- 块和内联块元素:独占一行的元素 div p h ul div没有任何语义,就是一个纯粹的快元素就是为了方便布局 span是内联元素(行内元素):只会占用自身大小的元素,不会占用一行常见的内联元素:a img iframe span span没有任何意义,可以设置样式块元素主要用来实现页面布局,内联元素主要选中文本设置样式一般情况下只是用块元素去包含内联元素,内联元素不去包含块元素 a元素可以包含任何元素,除去本身 p元素中不能…

负margin应用案例几则（转载+总结）

(一)自适应布局——左栏改右栏这里先写个一列固定列宽,另一列自适应的两列布局,效果图: 侧栏移至右边,效果图: 其HTML <div class="wrap"> <div class="main"> <div class="main-inner">main-inner</div> </div> <div class="sidebar">sidebar&l…

png图片使用opacity在ie中出现黑边情况

JQuery动画的淡入淡出效果,用在PNG24的图片上,在IE7.IE8下会出现黑边框. 有些人觉得很奇怪,为什么?潘?E6正常,反而在IE7.8下却有黑边呢. 其实问题出在filter属性上.IE6引用PNG24的图片的方式是: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img24.png'); 我的方法: .img{opacity: 0;background: url(../images/img1.png)…

IE6 + png24 透明图片（滤镜）

IE6 + png24 透明图片(滤镜) .IE6png{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src=image.png);_background:none;} http://www.cnblogs.com/code/archive/2011/08/10/2133357.html…

png-24在ie6中的几种透明方法

转载 http://www.cnblogs.com/jikey/archive/2013/03/13/2957168.html 由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风格想匹配,这就给前端页面制作人员带来了很多的麻烦,一个页面的制作主要时间和精力花费在兼容ie6上,而ie6因为不兼容png-24的图片一直被开发人员所鄙视. 由于市场决定了页面的存在的价值,所以ie6还是必须要兼容. 下面介绍几种常用的解决办法: dd_belatedpng.js法引入js文件 <!--[if…

DD_belatedPNG，解决 IE6 不支持 PNG-24 绝佳解决方案

png24在ie下支持透明.终于找到下面的可行办法: 我们知道 IE6 是不支持透明的 PNG-24 的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个 IE6 的透明 PNG-24 的方案也是多不胜数,从使用 IE 特有的滤镜或是使用透明 GIF 替代.但是这些方法都有一个缺点,就是不支持 CSS 中 backgrond-position 与 background-repeat . 而我今天介绍 DD_belatedPNG ,只需要一个理由,就是它支持 backgrond-posi…

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/png24.png',sizingMethod='crop'); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的. 2: 只能对单张的 png图片使用,意思是不能使用background-positio…

PNG24在ie6下的完美解决方法!(DD_belatedPNG)

原网址:http://www.zjgsq.com/1629.html 之前写过一篇<js+css滤镜设置解决PNG24在IE6下显示问题> 解决方法不是很完美,使用起来也比较麻烦. DD_belatedPNG支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的.同时 DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签. DD_belatedPNG官网http://www.dillerdesign.com/…

PNG24图片兼容IE6解决的方法

非常多人都遇到一个问题:那就是PNG不能正常显示,比方: 网上试过的非常多办法都非常难实现.要嘛就是效果不好,那如今最好的办法就是直接调用JS插件,解决! 点击下载如今说一下怎么用这个文件吧! 首先看下代码: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>PNG24兼容IE6</title> <style type='text/css…

在ie6下将png24图片透明

没想到IETester中IE6和IE6真实版本不一样...之前一直没有实现png图片的透明度,现在发现原来是版本不一样惹的祸.总之,我将解决方法以demo的方式显示出来,以供再次利用. <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="iepngfix_tilebg.js"><…

PNG-8和PNG-24的抉择

今天我做了一个图,因为需要透明,所以我存为了PNG8格式,结果发现图片变了,图片变得四周都不光滑了,四周都变得有锯齿了,而且阴影也不见了,后来存为PNG24,这些问题就消失了.我去百度搜索了关于PNG8和PNG24的区别,看到下面的文章,原来PNG8要么完全透明,要么完全不透明,不支持半透明,所以才会出现上面的问题,但PNG24支持半透明的.详细请看以下文章,希望能帮到您哦,呵呵一直在png图片透明这块,模糊着,虽然XXX,就是因为懒没有认真测试测试.今天看到同事要做一个这样的效果时,发现得弄…

简述jpg。Gif。png-8.png-24的区别，分别使用场景

gif.jpg.png格式的图片在网站制作中的区别一.Gif格式特点: 1.透明性,Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha透明). 2.动画,Gif这种格式支持动画. 3.无损耗性,Gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗. 4.水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的,当压缩gif的过程中,像素是由上到下水平压缩的,这也意味着同等条件下,横向的gif图片比竖向的gif图片…

关于IE6中做兼容的那点事。

前言对于程序员来说,一听到你做的程序必须兼容IE6(当然主流浏览器肯定得兼容的),那颗滚烫的心瞬间哇凉哇凉的,但是有时,项目就要求这样,你也只能硬着头皮跟IE6来个亲密接触,最近正好做了个项目,关于兼容IE6,真是废了点功夫,特此记录一下,方便以后查阅,也方便以后园友遇到同样问题可以参考一下. 正文 I.png透明图片不支持透明. 简介:项目中运用一部分png图片,在IE7以上,火狐,谷歌均是正常显示,但在IE6中,PNG图片背景出现差异,有时纯黑,有时纯白,有时纯灰等等,而不是透明,经过一番…

png-8 和 png-24的区别

png是一种图片格式,是Portable Networks Graphics的缩写,做ping. png8和png24的区别如下. 1 "PNG8"是指8位索引色位图,"PNG24"是24位索引色位图: 2 png8: 每一张"png8"图像,都最多只能展示256种颜色,所以"png8"格式更适合那些颜色比较单一的图像,例如纯色.logo.图标等:因为颜色数量少,所以图片的体积也会更小: 3 png24: 每一张"p…

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对…

ie6的兼容问题及解决方案

1.png24位的图片在ie6浏览器上会出现背景,解决方案是做成png8位: 2.浏览器默认的margin和padding不同,解决方法是用全局重置来统一,即是*{margin:0;padding:0} 3.对于块元素,给了横行的margin值,和浮动float,在ie6中会产生双边距问题,解决方法是转行内元素,eg:#box{ float:left; width:10px; margin:0 0 0 10px;_display:inline}在这种情况下ie6会产生20px的边距: 4. 渐进…