css 给页面元素添加 a:hover 属性兼容ie,ff

上面是效果,下面看实现代码

 代码如下 复制代码

.whatever {

background: #808080;

padding: 20px;

}

.whatever:hover, .whateverhover {

background: #eaeaea;

}

</style>

 

<!-- Additional IE/Win specific style sheet (Conditional Comments) -->

<!--[if lte IE 6]>

<style type="text/css" media="projection, screen">

.whatever {

behavior: expression(

this.onmouseover = new Function("this.className += ' whateverhover';"),

this.onmouseout = new Function("this.className = this.className.replace(' whateverhover', '');"),

this.style.behavior = null

);

}

/*.whatever {

background-color: expression(

!this.js ? (this.js = 1,

this.onmouseover = new Function("this.className += ' whateverhover';"),

this.onmouseout = new Function("this.className = this.className.replace(' whateverhover', '');")

) : false);

);

}*/

/*.whatever {

background-color: expression(

this.onmouseover = new Function("this.className += ' whateverhover';"),

this.onmouseout = new Function("this.className = this.className.replace('whateverhover', '');")

);

}*/

</style>

<![endif]-->

时间: 2025-01-19 17:42:05

css 给页面元素添加 a:hover 属性兼容ie,ff的相关文章

HTML5新增表单元素、属性、表单验证及增强的页面元素总结

 新增的表单元素与属性     新增属性         form属性         在HTML5中表单元素可放在表单之外,通过给该元素添加form属性即可,如:  代码如下 复制代码             <form method="get" id="test">             username:<input name="username" type="text" id="usern

用Dreamweaver MX控制页面元素

dreamweaver|控制|页面 浏览带有下拉菜单的网页时,我们经常会注意到当更改显示器分辨率时,其下拉菜单的位置并没有改变,这也是我们设计网页时容易忽略的一个问题,其实通过CSS控制页面元素精确定位后,这一点就不难实现了. 建立主菜单栏新建页面,执行菜单"Insert/Table"命令打开"Insert Table"对话框,插入一个一行多列的表格,表格列数由你的菜单条目决定,同时设置"Cell Padding"."Cell Spac

总结CSS中火狐浏览器与IE浏览器的兼容代码

总结CSS中火狐浏览器与IE浏览器的兼容代码,兼容你兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2.margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决

CSS上下文选择符实现基于位置为HTML元素添加样式

CSS的选择符有三种.①上下文选择符:②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式 比如我们想位于article和aside标签中的p标签,设置不同的样式 上下文选择符也叫后代组合式选择符,是以空格分隔标签名的,其格式为: 标签1 标签2 {声明} 这里的标签就是HTML元素,标签2是我们想要选择的目标,而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可,不一定非要是父元素 我们以下列HTML代码为例,进行演

JavaScript动态改变HTML页面元素例如添加或删除_javascript技巧

可以通过JavaScript动态的改变HTML中的元素 向HTML中添加元素 首先需要创建一个标签,然后向该标签中添加相应的内容,然后将创建好的标签添加到相应的位置. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht

DHTML的四个属性来动态操作页面元素的内容

dhtml|动态|页面 IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果. 2. 对对象的outerText,outerHTML属性赋值(即写操作)

用CSS实现的一页面内的多种HOVER的效果

css|页面 用CSS实现的一页面内的多种HOVER的效果,以下代码贴到<head>区 <head> <style type="text/css"><!--.a { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}.a:hover { font-family: "宋体"; font-size: 9pt; co

Dreamweaver 入门:使用CSS设置页面格式

css|dreamweaver|页面 本文章介绍如何在 Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式.您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控制页面的外观. 了解 CSS 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件

使用CSS3中新的伪类更轻松地定位页面元素

在 Web http://www.aliyun.com/zixun/aggregation/17799.html">开发过程中,开发人员经常会通过使用 CSS 来实现页面所需的样式效果.例如:利用服务器端代码或 JavaScript 脚本生成条纹样式的表格,或为了要为多个页面元素中的一部分添加样式,不得不使用大量带有额外 class 属性的标签. 这些情况在 CSS3 出现后变得非常简单!CSS3 定义了一系列非常神奇的页面元素选择器,通过它们,这个过程将变得简单而迅速.元素选择器是一种模