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

css图片学习

阅读更多
由于IE对.png图片的透明度不支持,所以想用.png图片时,要加上
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ether_card2.png',sizingMethod='image');
而这行代码是按浏览器的路径查找图片的,即按页面为准。
而FF对.png的透明图支持,所以再加.png图片时,要这样写
//图片显示优先支持ff
background:url(../images/ether_card2.png) no-repeat !important;
//把ie上的图片设为空
background:url('');
//在ie上显示图片
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ether_card2.png',sizingMethod='image');

css路径是按css的路径执行的
注意路径的对应。由于本例子中 页面没有在包里面,是在最外面的,所以ie上用时不需要加../
分享到:
评论

相关推荐

    12种炫酷CSS3图片切换过渡效果

    【CSS3图片切换过渡效果详解】 CSS3是 Cascading Style Sheets 的第三个主要版本,它引入了许多新特性,其中最引人注目的就是丰富的动画和...通过学习和分析这些文件,可以更深入地理解和实践CSS3图片切换过渡效果。

    CSS样式图片下载助手CSS图片下载器-织梦之家仿站必备

    CSS图片下载工具可以帮助用户快速地找到并批量下载页面中引用的所有CSS图片,提高工作效率,避免手动下载的繁琐和遗漏。 【仿站】 仿站是指模仿一个已有的网站,复制其外观和功能,以创建类似的新网站。这在学习...

    css特效 DIV_CSS图片滚动效果

    - 在提供的压缩包文件"DIV+CSS图片滚动"中,可能包含HTML结构和对应的CSS样式文件,通过学习和分析这些代码,你可以更直观地理解如何实现图片滚动效果。 总之,CSS特效中的DIV+CSS图片滚动效果是网页设计中的一个...

    HTML、CSS学习图片.zip

    html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...

    CSS基础学习胶片

    CSS允许我们定义文字大小、颜色、行高、字体类型,设置背景色或图片,以及控制边框的宽度、样式和颜色。 总的来说,这份CSS基础学习胶片将带你从零开始学习CSS,包括选择器的应用、布局技术、样式控制和最新的CSS3...

    ionic css图片解读

    在"ionic css图片解读"中,我们将通过几张关键的图片深入理解Ionic CSS的核心概念和用法。 1. **布局与网格系统**: Ionic CSS 提供了一个灵活的网格系统,用于创建响应式布局。图片可能会展示不同列数(例如,1到...

    css图片编号排序.zip

    而"css图片编号排序.zip"这个压缩包显然包含了一个利用CSS实现的图片排序特效,主要用于图片展示时的自动化编号。这个特效可能对网页设计师和前端开发者特别有用,特别是那些需要创建图片相册或图库的场景。 首先,...

    CSS学习经典教程

    【CSS学习经典教程】是一份专为初学者和有一定基础的学习者设计的教程,旨在帮助他们深入理解并熟练掌握CSS(层叠样式表)技术。CSS是网页设计中不可或缺的一部分,用于控制网页元素的布局、颜色、字体、大小等视觉...

    HTML+CSS图片无缝走马灯效果.rar

    HTML+CSS图片无缝走马灯效果是网页设计中常见的动态展示方式,主要用于轮播或循环显示多张图片。这种效果可以提升用户体验,增加网站的视觉吸引力。以下将详细讲解如何利用HTML和CSS来实现这一功能。 首先,我们...

    CSS3图片百叶窗切换动画代码特效

    【CSS3图片百叶窗切换动画详解】 在网页设计中,动态效果的运用可以极大地提升用户体验,CSS3作为现代网页设计的重要技术,提供了丰富的动画功能。"CSS3图片百叶窗切换动画代码特效"就是利用CSS3的特性,实现了一种...

    5种CSS图片效果及效果预览

    在本教程中,我们将探讨五种常见的CSS图片效果及其实现方法,帮助你提升网页视觉吸引力。 1. 阴影效果: CSS的`box-shadow`属性可以为图片添加阴影效果,增加立体感。例如: ```css img { box-shadow: 2px 2px 4px...

    css3学习与例子

    **CSS3学习与实例解析** CSS3是层叠样式表(Cascading Style Sheets)的最新版本,相较于CSS2,它引入了许多新的特性和功能,极大地丰富了网页设计的视觉表现力。本教程将深入探讨CSS3的基础部分、关键布局、阴影...

    CSS3图片展示效果

    在网页设计领域,CSS3(层叠样式表第三版)为开发者带来了许多创新特性,极大地丰富了网页的视觉效果。特别是在图片展示方面,CSS3...通过深入学习和实践,我们可以让网页中的图片变得生动、引人注目,提升用户体验。

    纯CSS3图片幻灯片切换效果

     此属性里有一些还是很值得初学者学习的,但是在学习之前我们要先掌握基本的CSS3属性,尤其是CSS3过渡和关键帧动画,这些都是很重要的,也是最基本的概念。 此动画由以下四个特性:  1、图片切换的时间可控性...

    CSS链接图片下载工具

    标题中的“CSS链接图片下载工具”是指一种软件或应用程序,其主要功能是帮助用户从CSS样式表中提取并下载所引用的图片资源。在网页设计和开发过程中,特别是在进行“仿站”(复制或模仿其他网站的设计)时,这种工具...

    CSS图片下载器

    【CSS图片下载器】是一款专为网页设计师和前端开发者设计的实用工具,它能够帮助用户快速、便捷地从CSS文件中提取并下载所有引用的图片资源。这款软件简化了传统手动查找和下载过程,极大地提高了工作效率,对于进行...

    CSS强制图片自适应大小.rar

    总的来说,这个压缩包内容涵盖了基本的CSS图片自适应技术和JavaScript在图片相册中的应用,对于初学者和开发者来说,都是很好的学习资源。通过实际操作和调试这些代码,可以加深对网页布局和动态效果的理解。

    CSS学习案例图片素材

    这个“CSS学习案例图片素材”压缩包显然是为那些正在学习和提升CSS技能的人准备的,包含了一系列与CSS相关的图像资源,可能用于演示、练习或者教学。下面,我们将深入探讨CSS的一些核心概念和应用。 1. **CSS基本...

    CSS自定义图片热区示例

    在“CSS自定义图片热区”示例中,我们将学习如何利用CSS的伪元素(`:before`和`:after`)和定位技术来创建和美化这些热区。首先,我们需要在HTML中为图片和热区设置ID或类名,以便在CSS中进行选择和操作。例如: ``...

    纯CSS实现的图片切换

    在网页设计中,图片切换是一种常见的交互效果,用于展示多张图片并允许用户在它们之间进行...因此,对于任何想要深入学习CSS或者提高前端开发技能的开发者来说,理解并掌握纯CSS图片切换是一个非常有价值的学习目标。

Global site tag (gtag.js) - Google Analytics