<div class="jh-bnn" style="position:relative"></div>
.jh-bnn{ float:left; top: 120px; display: inline;background:url("http://gtms01.alicdn.com/tps/i1/T1eKUwFkBgXXcZxz2q-240-86.png");background-repeat:no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://gtms01.alicdn.com/tps/i1/T1KmIGFaXcXXcZxz2q-240-86.png"); width: 240px; height: 86px; z-index: 3;}
在这里可以看到在正常的定义背景图片的时候 在后面还加有斜杠
;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://gtms01.alicdn.com/tps/i1/T1KmIGFaXcXXcZxz2q-240-86.png");
这一段只有在ie6下才能识别出来别的游览器都识别不出来我就把png-8的格式的图片放在这个里面上面的是png-24的格式图片在正常的游览器下显示的24的在ie6下显示的是8的因为在ie6下不识别24格式的背景透明图片,所以要做背景透明的图片就要在ie6下转换一下变成-8格式的背景透明图片在ie6会隐藏-24的图片显示出-8的png格式的图片其实就是两个背景图片都是一样的
分享到:
相关推荐
"星级评价js-css-png图片.zip" 这个文件标题表明这是一个包含JavaScript、CSS和PNG图片资源的压缩包,主要用于实现星级评价功能。其中,“js”代表JavaScript脚本,"css"代表样式表文件,而“png图片”则指的是用于...
- **透明PNG图片**:介绍如何在网页中正确使用透明PNG格式的图片。 - **案例演示**:通过案例演示如何处理并展示透明PNG图片。 ##### 第9章:构建CSS布局 - **布局理论**:深入讲解网页布局的基本理论和原则。 - *...
在本案例中,"CSS鼠标经过图片切换代码"是一种交互式设计技术,它利用CSS来实现当用户将鼠标悬停在某个元素上时,图片显示效果的变化。这种效果常用于导航菜单、产品展示或者任何需要动态视觉反馈的地方,以提升用户...
然后使用CSS3动画定义图片切换序列,可以设置多个关键帧,每个关键帧对应不同的背景图片。 3. **JavaScript逻辑**:添加事件监听器到按钮,当按钮被点击时,修改按钮的CSS类,这将启动预设的CSS3动画。 代码示例: ...
- 图片文件`bkgd.png`和`raspberry.jpg`可能作为网页背景或元素的图片资源。 - `jquery.jOrgChart.js`和`jquery.jOrgChart.css`可能是一个用于绘制组织结构图的jQuery插件,这也可以利用CSS3效果来呈现层次关系的...
5. **Tabs** - 实现标签页式布局,切换不同内容区域。 6. **Autocomplete** - 自动补全功能,常见于搜索框或输入框,提高用户体验。 7. **Sortable** - 使得列表项可以拖放排序,适用于任务管理或项目列表。 8. **...
PNG(Portable Network Graphics)格式支持透明度,使得设计师可以创建半透明或有背景色透明的图像,但在旧版本的IE浏览器中,PNG-24格式的图片透明效果往往无法正常显示。 PNG-8格式只支持256色,并且可以实现简单...
这可能包含了实现背景自动切换效果所需的所有资源,比如CSS样式文件(如style.css)、HTML结构文件(如index.html)、可能还有JavaScript脚本(如script.js),以及背景图片本身(通常为.jpg或.png格式)。...
3. 图片文件:实际展示的相片,可能有不同的尺寸和格式(如.jpg、.png)。 4. JavaScript文件:可能包含交互逻辑,如轮播图的自动切换、图片预加载等功能。 总之,“相片展示类CSS模板-相片 展示 图片 粉红.rar”是...
6. **图片优化**:为了提高网页加载速度,通常需要对图片进行优化,例如通过减小文件大小、使用合适的图像格式(如JPEG、PNG或WebP)、利用CSS雪碧图(Sprite)或懒加载技术。 7. **交互元素**:在相册模板中,可能...
这个压缩包包含超过1700个PNG格式的图标,旨在提升后台界面的视觉效果和用户体验。这些图标设计精美,大小适中,适用于各种功能按钮、状态指示器和其他UI元素。 PNG(Portable Network Graphics)是一种无损的位图...
《jQuery上下左右图片切换导航幻灯片》是一种广泛应用于网页设计中的动态展示技术,它能够以优雅的方式展示一组图片,并允许用户通过上、下、左、右的操作来切换不同的图片。这种幻灯片通常用于网站的焦点图部分,以...
本资源“图片按钮代码(js+css)”提供了一种使用JavaScript和CSS结合实现的图片按钮解决方案。以下将详细解释如何利用这两种技术来创建动态、吸引人的图片按钮。 **JavaScript代码**: JavaScript 是一种客户端脚本...
如果不支持,它会切换到备用的图片格式,如JPEG或PNG。这个脚本通常会被放在HTML的`<head>`部分或者通过异步加载来确保不会阻塞页面渲染。 实现步骤如下: 1. 安装并配置PostCSS插件:首先,你需要安装这个插件...
4. 图片资源:用于切换的图片文件,可能有多种格式如JPEG、PNG等。 5. 可能还会有其他辅助文件,如图标、字体文件,或者用于开发和调试的工具。 这个项目展示了如何将CSS3的创新功能与JavaScript和HTML5结合,创造...
本案例中,“CSS3鼠标悬停图片切换文字代码”就是一个利用CSS3实现的交互效果,旨在提高用户体验,特别是对于Logo或图标展示时,提供更丰富的信息展示方式。 当用户将鼠标光标悬停在图片上时,通常会期望看到一些...
本主题聚焦于利用jQuery实现360度旋转图片的幻灯片切换效果,这是一种吸引用户注意力并提升用户体验的常见技巧。 首先,我们要了解jQuery的基本用法。jQuery的核心功能包括选择器(用于选取HTML元素)、DOM操作(如...
开发者可以将这些PNG图标作为背景图片应用于CSS样式,或者利用SVG格式的图标进行矢量渲染,以保证在不同分辨率设备上的清晰显示。同时,需要结合JavaScript或者特定框架的事件监听器来处理用户的点击交互,实现功能...
压缩包内可能包含HTML文件(如index.html)、CSS样式表(如style.css)、JavaScript脚本(如script.js)、图片资源(如jpg、png)、字体文件(如.woff、.ttf)以及其他辅助文件,它们共同构成了视差滑动切换的网页...
开发者可以通过调整CSS3的参数来定制动画效果,如速度、滚动方向、数字的格式等,以适应不同的应用场景。 总的来说,这个"jQuery+CSS3卷轴数字翻滚切换代码"项目展示了Web开发中的动态效果创建技巧,结合了...