`
happyjack
  • 浏览: 67961 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

IE5.5和IE6.0中png背景透明问题

阅读更多
IE5.5和IE6.0中png背景透明问题
最近发现了一个很简单就能处理ie5.5、ie6.0的超级简单的方法。
首先去http://www.twinhelix.com/css/iepngfix/下载 iepngfix.zip (15kb).
然后解压将里面的 iepngfix.htc 文件以及一个 blank.gif文件放在自己所建设网站文件夹中的确定位置,
接着切记,根据这两个文件的相对位置,修改iepngfix.htc文件中的blank.gif的路径,
最后只要在css文件中加入* { behavior: url(iepngfix.htc); }就ok了,我试了,可以成功。

另外,转载一个css小技巧;
♠ ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值。

♠ 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次;对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效。

♠ 如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的 margin 属性吧,而不要去定义位于外面的标签的 padding

♠ li 标签前面的图标推荐使用 background-image 而不是 list-style-image

♠ IE 分不清继承关系和父子关系的差别,全部都是继承关系。

♠ 在给你的标签疯狂加选择符的时候,别忘了在 CSS 里给选择符加上注释。 等你以后修改你的 CSS 的时候就知道为什么要这么做了。

♠ 如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。

♠ 定义链接的四种状态要注意先后顺序: Link Visited Hover Active

♠ 与内容无关的图片请使用 background

♠ 定义颜色可以缩写 #8899FF = #89F

♠ table 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。

♠ <script> 没有 language 这个属性,应该写成这样:<script type=”text/javascript”>

♠ 标题是标题,标题的文字是标题的文字。有时候标题不一定需要显示文字,所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>

♠ 完美的单象素外框线表格(在IE5.0 IE6.0及 FF 中均可通过测试,其它未测试)table {border-collapse:collapse;} td {border:#000 solid 1px;}

♠ margin 取负值可以在标签使用绝对定位的时候起到相对定位的作用,在页面居中显示时,使用绝对定位的层不适合使用 left:XXpx 这个属性。 把这个层放到一个要相对定位的标签旁,然后使用 margin 的负值是个好方法。

♠ 绝对定位时使用 margin 值定位可以达到相对于本身所在位置的定,这与 top,left 等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

♠ 几个常用到的 CSS 样式

♠ 1.中文字两端对齐:text-align:justify; text-justify:inter-ideograph;

♠ 2.固定宽度汉字截断:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断,不能处理多行。)(IE5以上)

♠ 3.固定宽度汉字(词)折行:table-layout:fixed; word-break:break-all;(IE5以上)

♠ 4.<acronym style=”cursor: help” title=”输入要提示的文字”>文字</acronym> 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到,而国内的少又少。

♠ 5.图片设为半透明:.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 在 IE6 及 IE5 测试通过,FF未通过。

♠ 6.FLASH透明: 选中 swf,打开原代码窗口,在 </object> 前输入 <param name=”wmode” value=”transparent”> 我们在做网页时常用到把鼠标放在图片上会出现图片变亮的效果,可以用图片替换的技巧,也可以用如下的滤镜,代码如下:

.pictures img { filter: alpha(opacity=45); }
.pictures a:hover img { filter: alpha(opacity=90); }

♠ 如果文字过长,则将过长的部分变成省略号显示:IE5、FF 无效,但可以隐藏,IE6 有效
<div style=”width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis”>
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>

♠ title 换行用的符号或在 IE 中可能由于注释带来的文字重复问题时可以把注释改为:<!–[if !IE]>
Put your commentary in here…
<![endif]–>

♠ 如何用 CSS 调用外部字体语法:@font-face { font-family : name; src: url ( url ); sRules }取值:
name :  字体名称。任何可能的 font-family 属性的值
url ( url ) :  使用绝对或相对 url 地址指定OpenType字体文件
sRules :  样式表定义
分享到:
评论

相关推荐

    IE4.0 IE5.0 IE5.5 IE6.0集合

    IE6.0则是最后一个支持Windows XP的官方IE版本,它在一段时间内占据了极高的市场份额,但因其安全性和兼容性问题,在后续年份逐渐被淘汰。 综上所述,这个集合为研究互联网历史、系统兼容性测试或者对旧版本浏览器...

    PNG 背景透明插件 For IE

    大家都知道,PNG 背景图片透明在IE5.5或IE6.0下非常不令人满意,以至很多WEB设计师放弃使用PNG图片,解决这一IE的Bug也是老生长谈的问题,虽然iE7和IE8已经解决了这一问题,但仍有大部分用户还在使用IE6。...

    Png图片透明效果,基于jquery.pngFix.js实现.rar

    基于jQuery为核心的,兼容IE5.5及以上版本浏览器的PNG透明插件,细心的朋友会发现,在IE5.5与IE6.0中,PNG会显示灰色的背景,而不是透明的背景,有些人误认为是PNG图像的问题,在图像软件中任凭怎么调整都解决不了...

    sliver5.5与sliver6.0.zip

    对于喜欢降级刷机的用户来说,sliver5.5和sliver6.0的存在提供了丰富的选择。降级刷机,通常是由于新版本可能存在的bug或者个人对旧版本的偏好,使得用户选择回溯到之前的系统状态。因此,保留这些版本的安装包,就...

    ie5.5 sp2 中文版

    ie5.5sp2 安装程序.中文版

    VMware Esxi5.5-6.0版本下载

    VMware Esxi5.5-6.0版本下载,一共有2个版本,其他版本陆续增加吧

    兼容IE5.5及以上浏览器的PNG透明插件,jQuery核心

    内容索引:脚本资源,Ajax/JavaScript,PNG 基于jQuery为核心的,兼容IE5.5及以上版本浏览器的PNG透明插件,细心的朋友会发现,在IE5.5与IE6.0中,PNG会显示灰色的背景,而不是透明的背景,有些人误认为是PNG图像的...

    tomcat5.5和tomcat6.0解压版

    在这个解压版中,包含了Tomcat的两个不同版本:Tomcat 5.5和Tomcat 6.0。 Tomcat 5.5是在2005年发布的,它是Tomcat的一个重要版本,引入了许多新特性和改进。其中,最重要的是对Servlet 2.4和JSP 2.0规范的支持,这...

    tomcat5.5和tomcat6.0

    标题"tomcat5.5和tomcat6.0"指的是Apache Tomcat的两个不同版本,即5.5版和6.0版。Tomcat是一款开源的Java Servlet容器,它实现了Java EE的Web部分,包括Servlet和JSP规范。描述中提到,Tomcat具有技术先进、性能...

    ieTest ie6 ie7 ie8 ie9 ie5.5

    这款软件允许开发者和网站管理员在一台计算机上同时运行并测试IE5.5到IE9等多个版本的浏览器,确保他们的网页在这些老版本的IE上能正常显示和运行。 【描述】"ieTest ie6 ie7 ie8 ie9 ie5.5"的描述虽然简洁,但它...

    MyEclipse_5.5+tomcat-6.0+最快捷汉化搭建系统开发平台

    本文旨在详细介绍如何通过MyEclipse 5.5与Tomcat 6.0搭建一套完整的开发平台,并实现汉化,以便于国内开发者更好地理解和使用。 #### 二、所需软件及版本 1. **Java JDK 1.5及以上版本**:这是运行MyEclipse和...

    支持solr5.5 solr6.0中IK分词需要的资料

    在Solr 5.5和6.0版本中,可能需要注意的兼容性和优化问题包括: - **版本兼容性**:确保IK分词器的版本与Solr版本匹配,避免出现不兼容的问题。 - **性能调优**:根据实际数据量和查询需求调整 IK 分词器的配置参数...

    精雕5.5-6.0通用写锁写狗软件.rar

    《精雕5.5-6.0通用写锁写狗软件》是一款专为雕刻行业设计的软件工具,它主要用于对加密锁(也称写狗)进行编程和管理。这款软件适用于精雕5.5到6.0的不同版本,提供了一种高效的方法来控制和保护北京精雕软件的应用...

    js修复IE不能显示PNG图片透明背景的方法

    尽管PNG格式拥有诸多优点,但在早期版本的Internet Explorer(IE)浏览器中存在一个显著的问题:即不支持PNG格式图片的透明背景功能。具体来说,在IE 7及以下版本中,PNG图片无法正常显示其透明背景,而是呈现出一种...

    在IE中不显示透明PNG图像纠正控件

    总的来说,这个“在IE中不显示透明PNG图像纠正控件”是一个针对老版本IE浏览器的兼容性解决方案,它通过JavaScript解决了IE5.5和IE6对PNG透明度支持不足的问题,使得网站在这些浏览器中也能呈现出良好的视觉效果。...

    E6.0绿色免安装版,可与IE5IE5.5IE7.0 IE8.0共存

    总结来说,这个压缩包包含的是一款名为E6.0的绿色免安装软件,它特别设计为能与IE5、IE5.5、IE7.0和IE8.0等多个版本的Internet Explorer浏览器同时工作。这种软件的出现,主要是为了满足用户在不同浏览器环境下进行...

    VM_esxi_sn生成器(5.5/6.0)

    vmware_esxi_5.5_6.0_key生成器

    Internet Explorer 5.5正式版安装程序,适合Windows 98

    4. **集成的电子邮件和新闻阅读器**:IE5.5整合了Microsoft Outlook Express,用户可以直接在浏览器中处理电子邮件和订阅新闻组,提高了生产力。 5. **易用性改进**:Internet Explorer 5.5还增强了对辅助技术的...

    单系统多IE支持,IE3,IE4,IE5,IE5.5,IE6

    在一个系统下可以安装多个IE,可以安装IE3 IE4 IE5 IE5.5 IE6 ,我在XP下测试通过,安装了IE3,IE4,IE5,IE5.5,IE6(系统自带的),方便测试XHTML在各个浏览器下的兼容性

Global site tag (gtag.js) - Google Analytics