CSS实现纯图片替换效果和div模拟下拉条的实现 -- 剔除知识误区

vb2005xu

浏览: 1786963 次
性别:
来自: 北京

最近访客更多访客>>

秋之风245

lukeme

liugm1

SeerMi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript 学习

CSS Firefox HTML UP

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>CSS Implement Image Replace Effect</title></head>
<style>
html,body{height: 100%;}
div {
	border: 2px solid green;width:680; height:200;overflow:auto;
	margin: 60px auto ;
}
div #imgs {
	display: block ;
	cursor:pointer;
	background-image:url("./images/compass1.gif");
	width: 60px ;height: 60px;
}

div a:hover #imgs {
	display: block ;
	background-image:url("./images/compass2.gif");
}
 
</style>
<body>
<div>
	<a href="#" title="[Up]"><span id='imgs'></span></a>
	<pre>
a 在IE6中必须设置href属性才能使用:hover伪类, 在IE7中则可以在每个对象中使用伪类
		
问题描述:
在编辑器中用background-image:url('...')这个属性导入背景图片时,
若url采用绝对地址，在IE６和IE７上均可完美显示，但在firefox上却无法显示。
若url采用相对地址，IE6、IE7和firefox全都不能显示了。

解决方案:
存放图片的文件夹的名字不能有大写字母，而且要采用文档相对路径导入图片。
导入背景图片时文件夹的名字全部采用小写字母或与数字组合，不使用大写字母和特殊符号。
导入图片的url采用相对路径类似'data/logo-img.gif'，不用绝对路径
正确设置后不管IE6还是IE7，或是firefox均可完美显示背景图片。


</pre>
</div>


</body>
</html>

指南针效果.rar (28.8 KB)
下载次数: 63

3
顶

1
踩

分享到：

JAVA动态对象装配实现测试--初步实现bean ... | 中国顶级黑客高手档案

2009-01-09 17:30
浏览 3890
评论(0)
分类:企业架构
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

[AB PLC例程源码][MMS_044666]Translation N-A.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

kolesar_3cd_01_0716.pdf: kolesar_3cd_01_0716

latchman_01_0108.pdf: latchman_01_0108

matlab程序代码项目案例：matlab程序代码项目案例MPC在美国高速公路场景中移动的车辆上的实现.zip: matlab程序代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

pimpinella_3cd_01_0716.pdf: pimpinella_3cd_01_0716

petrilla_01_0308.pdf: petrilla_01_0308

[AB PLC例程源码][MMS_041452]Speed Controls in Plastic Extrusion.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

强化学习驱动下DeepSeek技术创新及其对AI发展的影响: 内容概要：本文档由张卓老师讲解，重点探讨DeepSeek的技术革新及强化学习对未来AI发展的重要性。文章回顾了AI的历史与发展阶段，详细解析Transformer架构在AI上半场所起到的作用，深入介绍了MoE混合专家以及MLA低秩注意机制等技术特点如何帮助DeepSeek在AI中场建立优势，并探讨了当前强化学习的挑战和边界。文档不仅提及AlphaGo和小游戏等成功案例来说明强化学习的强大力量，还提出了关于未来人工通用智能（AGI）的展望，特别是如何利用强化学习提升现有LLMs的能力和性能。适用人群：本资料适宜对深度学习感兴趣的研究人员、开发者以及想要深入了解人工智能最新进展的专业人士。使用场景及目标：通过了解最新的AI技术和前沿概念，在实际工作中能够运用更先进的工具和技术解决问题。同时为那些寻求职业转型或者学术深造的人提供了宝贵的参考。其他说明：文中提到了许多具体的例子和技术细节，如DeepSeek的技术特色、RL的理论背景等等，有助于加深读者对于现代AI系统的理解和认识。

有师傅小程序开源版v2.4.14+前端.zip: 有师傅小程序开源版v2.4.14 新增报价短信奉告优化部分细节

[AB PLC例程源码][MMS_047333]Motor Sequence Starter with timers to start.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

商城二级三级分销系统（小程序+后台含源码）.zip: 商城二级三级分销系统（小程序+后台含源码）.zip

li_3ck_01b_0918.pdf: li_3ck_01b_0918

nicholl_3cd_01_0516.pdf: nicholl_3cd_01_0516

1995-2022年网络媒体关注度、报刊媒体关注度与媒体监督相关数据.zip: 媒体关注度是一个衡量公众对某个事件、话题或个体关注程度的重要指标。它主要反映了新闻媒体、社交媒体、博客等对于某一事件、话题或个体的报道和讨论程度。媒体监督的J-F系数（Janis-Fadner系数）是一种用于测量媒体关注度的指标，特别是用于评估媒体对企业、事件或话题的监督力度。J-F系数基于媒体报道的正面和负面内容来计算，从而为公众、研究者或企业提供一个量化工具，以了解媒体对其关注的方向和强度。本数据含原始数据、参考文献、代码do文件、最终结果。参考文献中JF系数计算公式。指标代码、年份、标题出现该公司的新闻总数、内容出现该公司的新闻总数、正面新闻数全部、中性新闻数全部、负面新闻数全部、正面新闻数原创、中性新闻数原创、负面新闻数原创，媒体监督JF系数。

[AB PLC例程源码][MMS_040315]Double INC and Double DEC of INT datatype.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

[AB PLC例程源码][MMS_047773]Convert Feet to Millimeters.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

[AB PLC例程源码][MMS_042349]How to read-write data to-from a PLC using OPC in Visual Basic 6.zip: AB PLC例程代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

matlab程序代码项目案例：matlab程序代码项目案例论文代码多篇RMPC 鲁棒模型预测控制Paper-code-implementation.zip: matlab程序代码项目案例【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。欢迎下载！欢迎交流学习！不清楚的可以私信问我！

lusted_3cd_02_0716.pdf: lusted_3cd_02_0716

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

CSS实现纯图片替换效果和div模拟下拉条的实现 -- 剔除知识误区

评论

发表评论

相关推荐

常用的 js 代码梳理

fineuploader 跨子域上传文件 cookie丢失问题的解决

2014 I Love You!

阻止checkbox的父元素事件冒泡

整理下之前的js代码 moogens.js 记录下

AOP 在js中的应用

自己动手增强 jquery.multiselect2side 调用

坑爹的HTML5应用集锦

小旭改的分页代码

一道js题 的分析历程

修复 artDialog 双击遮罩层就会自动关闭的bug.... 自己动手....

jquery 也不给力啊 unbind 你让我情何以堪!

使用 nodejs 形式的语法来规整 js

注册了2个域名 希望能给nodejs一点集合

css 文本折行

IE 中document.getElementsByName

新年里 把 自己写的 js基础代码 做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?

考考你们的JS 我只作对了一半 你们试试

为自己的JS库 moogens 增加 facebox 组件

高级js教程,转国外一个教程

最近访客更多访客>>

一道js题的分析历程

注册了2个域名希望能给nodejs一点集合

新年里把自己写的 js基础代码做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?

考考你们的JS 我只作对了一半你们试试