IE6局部调用PNG32合并图片
作者:77 来源:腾讯Webteam 发布时间:2009-03-11 21:24:00
标签:ie6,png32,图片,浏览器,透明
为满足用户的视觉追求及产品的背景图片的换肤功能,设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要,采用了PNG32的半透明图片还原设计稿。
但在IE6中遇到png兼容性,及其延伸的种种问题。如:
png32的图片上在IE6有兼容性问题,原本的透明显示的背景将会失效。
在问题1的基础上,针对IE6采用了CSS滤镜让其透明,但图片不能应用背景坐标定位的方式只能单张使用,这做法不利于带宽流量和请求链接数之余也不利样式的管理
在问题2的基础上,意味着要把png图片单张切割,并单张应用CSS滤镜
针对以上问题重构师的解决办法如下:
把背景图片如常的合并,利用相似于背景坐标的方式调用局部图片位置。最大区别在于分别定义了两个无意义的标签。
一个标签作为模拟背景的载体标签:定义一个作为载体的标签,针对IE6以滤镜的形式导入图片,宽高与背景一致。
另一个标签作为截取背景局部位置的截取标签:定义此标签宽高与预想调用背景局部位置大小一致,并隐藏其溢出的部份。
最后计算出预想调用背景局部位置的坐标,定义在载体标签中。
HTML结构如下:
<div title="载体">
<div title=”截取”></div>
</div>
为了清晰的体现HTML结构,给标签添加了title属性,加以说明。
本文实例:ie6-PNG32.htm
实现步骤(分3步):
1、载体标签:定义一个作为载体的标签,针对IE6以滤镜的形式导入图片,宽高与背景一致。(注意:滤镜图片路径相对于页面,而不是CSS的位置)
<div title="载体" style="width:440px;height:440px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png');"></div>


猜你喜欢
- 前言:今天要介绍这个神器,可以说是 pywebio 的 Plus + Pro&nbs
- 前言大家做自动化登录时可能都遇到过滑块验证码需要手动验证的问题,这次我们就来解决他如下: 在我们做自动化登录时,总会遇到各种奇奇怪怪的验证
- Python中的内建函数和可迭代对象,迭代器求值标识id() #标识id 返回对象的唯一标识,CPython返回内存地址hash() #哈希
- 插值对于一些时间序列的问题可能比较有用。Show the code directly:import numpy as npfrom matp
- 阻塞任务是阻止当前线程继续进行的任务。如果在 asyncio 程序中执行阻塞任务,它会停止整个事件循环,从而阻止任何其他协程继续进行。我们可
- 一、实例演示1.将一个大Excel等份拆成多个Excel2.将多个小Excel合并成一个大Excel并标记来源work_dir="
- 基本设置class Map3D( # 初始化配置项,参考 `global_options.InitOpts` &n
- session请求过程当第一次访问网站时,Seesion_start()函数就会创建一个唯一的Session ID,并自动通过HTTP的响应
- 前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。Blueprint的实现Blueprint是一个
- 其实老早之前就已经做完了,这次稍微改进一下浏览地址:http://www.healdream.com/upload/html/autocli
- 最近想实现PHP实现短信验证的效果,做PC网站的时候,可以通过注册用户需要使用短信验证的功能,或者找回密码,以及验证用户的信息等等功能,发现
- 代码:__Author__ = "Shliang"__Email__ = "shliang0603@gmail
- 一、前言三目运算符,又称条件运算符,是计算机语言(c,c++,java等)的重要组成部分。它是唯一有3个操作数的运算符,有时又称为三元运算符
- 在python3.5下安装好matplotlib后,准备显示一张图片测试一下,但是控制台报错说需要安装python3-tk,我天
- 本文实例讲述了python提取字典key列表的方法。分享给大家供大家参考。具体如下:这段代码可以把字典的所有key输出为一个数组d2 = {
- 1.python安装包下载路径:https://www.python.org/downloads/2我下载安装包路径:https://www
- 在学习Python3的正则表达式的时候遇到一个例子#!/usr/bin/python3import reline = "Cats
- # -*- coding: utf8 -*-'''Created on 2013-12-19@author: goo
- 需求在日常需求中,用户使用手机号或者邮箱登录某一个系统,是一个很常见的操作,那如何在类似手机号或者邮箱这样的字段上建立一个合理的索引呢?前缀
- //根据用户分组会话select t.USERNAME,count(*) from v$session t group by t.USERN