IE6兼容透明背景图
JS代码:
<!--[if IE 6]>
<script src="~/Scripts/UI/DD_belatedPNG.js"></script>
<script>
$(function () {
//1、通过公共类
DD_belatedPNG.fix(".pngFix,.pngFix:hover");
//2、直接用选择器:类名,ID,标签
DD_belatedPNG.fix(".imgpng,img");
});
</script>
<![endif]-->
html代码:
<div class="contain">
<h1>DD_belatedPNG实现IE6下的透明背景</h1>
<div class="con">
<h2>1、通过公共类pngFix</h2>
<p>
window.onload = function () {
DD_belatedPNG.fix(".pngFix,.pngFix:hover");
}
</p>
<img src="../../Content/IMG/IE6.png" alt="" class="pngFix" />
<div class="imgpng pngFix"></div>
</div>
<div class="con">
<h2>2、直接用选择器:类名,ID,标签实现</h2>
<p>
DD_belatedPNG.fix(".imgpng,img");
</p>
<img src="../../Content/IMG/IE6.png" alt="" />
<div class="imgpng"></div>
</div>
</div>
css代码:
<style>
.contain { width: 1000px; height: 300px; margin: 0 auto; background: #fff; }
.contain .con { width: 400px; float: left; }
.contain h1 { font-size: 18px; color: #333; margin-bottom: 10px; }
.contain h2 { font-size: 16px; color: #333; }
.imgpng { width: 200px; height: 150px; background: url(/Content/IMG/Ie6.png); }
</style>
最新文章
- 2D动画的制作
- Windows下程序打包发布时的小技巧
- BZOJ1026: [SCOI2009]windy数[数位DP]
- java坦克大战源码下载
- Sublog: 支持Markdown和语法高亮的跨平台博客客户端
- mybatis整合spring 之 基于接口映射的多对一关系
- JavaScript:综合案例-表单验证
- ie兼容整理
- 如何有效地报告 Bug
- mysql CASE WHEN的基础和多种用法
- android开发无障碍app
- PHP中进制之间的互相转换
- cocos2d-x笔记4: TextField不能删除内容,以及我的解决办法。。。
- iOS 开发~UIWindow
- surface 其实是UEFI与BIOS并存,借用官网的进入方法(少有更改)
- 使用ANR-WatchDog来检測ANR
- String、StringBuffer和StringBuilder
- [LeetCode]Rotate Image(矩阵旋转)
- H5水果机,一个网络版的lao hu ji
- 转 Java输入输出流详解(非常详尽)