`
流浪鱼
  • 浏览: 1682357 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

css a:hover属性使用发现问题

 
阅读更多

在看easyui的linkbutton的源码样式时,发现了一个特殊问题,在IE下使用如下样式

a:hover.l-btn-plain{
		border:1px solid #7eabcd;
		background:url('images/linkbutton/button_plain_hover.png') repeat-x left bottom;
		_padding:0px 5px 0px 0px;
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
	}

 如果<a></a>标签里边没有href属性,此样式时不会起作用的。必须添加上href属性。

<a class="l-btn-plain">不起作用</a>

<a class="l-btn-plain" href="#">起作用</a>

分享到:
评论

相关推荐

    CSS a:hover伪类在IE6下的问题

    标题中的“CSS a:hover伪类在IE6下的问题”指的是在Internet Explorer 6浏览器中,CSS的`:hover`伪类存在一些不兼容性的问题。`:hover`伪类通常用于定义鼠标悬停时元素的样式,它在现代浏览器中广泛应用于链接、按钮...

    纯css:hover伪类多级下拉菜单代码

    `:hover`伪类在CSS中被用来指定元素在鼠标悬停时的样式,它是CSS选择器的一种,可以与各种元素类型结合使用,如`&lt;a&gt;`、`&lt;li&gt;`等。在这个特定的例子中,我们将`:hover`应用于`&lt;ul&gt;`和`&lt;li&gt;`元素来创建多级下拉菜单。 ...

    css a:hover下的span样式无效的解决方法

    在这个特定的问题中,用户尝试在`&lt;a&gt;`标签内的`&lt;span&gt;`元素上应用`:hover`效果,但发现在IE6浏览器中不起作用。这个问题是由于早期版本的IE浏览器对CSS选择器支持的限制所导致的。 在初始的CSS代码中: ```css a:...

    使IE6支持:hover效果使用li:hover或div:hover

    虽然如今IE6的使用率已经非常低,但考虑到某些特殊环境或旧系统可能仍需要兼容,理解并运用`csshover.htc`来解决`:hover`问题仍然是一个有价值的知识点。不过,随着现代浏览器的广泛使用,建议尽可能地向Web标准靠拢...

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    记忆这个规则有一个简便的方法,就是使用首字母缩写:LVHA,意味着在编写CSS规则时,应该按照“Link, Visited, Hover, Active”的顺序来排列伪类选择器。 6. 特殊效果的实现 有时候,故意打乱伪类的顺序可以用来...

    图标hover效果

    与:hover伪类一起使用,可以使效果更加平滑。例如: ```css .icon { background-color: transparent; transition: background-color 0.3s ease; } .icon:hover { background-color: rgba(0, 0, 0, 0.5); } ...

    CSS改变超链接属性

    根据题目描述,我们需要设置以下属性: 1. **字体大小**:我们可以使用`font-size`属性来设置链接的文字大小。在本例中,大小为12像素,对应的CSS代码是: ```css a { font-size: 12px; } ``` 2. **链接颜色...

    15种CSS3图片Hover悬停效果代码

    "15种CSS3图片Hover悬停效果代码"集合了不同类型的交互式图像变换,能提升用户体验,使网站更具吸引力。下面,我们将详细探讨这些效果以及它们背后的CSS3技术。 1. **渐变过渡**: CSS3的`transition`属性允许我们...

    Google Chrome浏览器无法显示hover样式的解决方法

    然而,有时候在使用Google Chrome浏览器时,可能会遇到一个棘手的问题:当鼠标悬停在某个元素上时,预期的:hover样式并未生效,背景颜色没有变化。这个问题在标题和描述中提到,是由于在a:hover状态下设置了display:...

    css静态滤镜 + A:Hover 效果第1/3页

    ### CSS静态滤镜与A:Hover效果解析 #### 一、引言 在网页设计领域,CSS(层叠样式表)被广泛应用于控制HTML元素的布局、颜色、字体等外观特性。随着技术的发展,CSS也引入了更多高级功能,比如CSS滤镜效果以及伪类...

    纯css3 hover简单按钮悬停动画特效

    总之,CSS3为我们提供了强大的工具来创建各种各样的按钮悬停动画特效,通过灵活运用`:hover`伪类、`transition`和`animation`属性,我们可以轻松地提升网站或应用的用户体验。在实际项目中,可以根据需求和设计风格...

    IE6下伪类hover失效问题及解决办法

    解决这个问题的一个常见方法是在父级`&lt;a&gt;`标签上添加一个`:hover`定义,即使这个定义只是为了触发IE6的解析,而不包含任何实际的样式。例如: ```css a:hover {zoom: 1;} a:hover em {color: #F00;} ``` 这里的`...

    div+css笔记

    Css 属性:属性值; Css 属性:属性值; }` 5. Id选择器 Id选择器是提供给某一个html元素使用的,例如: `#id 选择器名称{ Css 属性名:属性值; }` 6. Html标签选择器 Html标签选择器是用于选择特定的html元素...

    CS里用图片做园角导航,发现a hover:的图片位置不对!请各位能帮忙看看!

    3. **CSS层级问题**:如果导航元素有其他层叠的元素或者子元素,可能会覆盖了`a:hover`状态下的图片。检查`z-index`属性确保链接元素在正确层级。 4. **图片大小与容器大小不匹配**:如果图片尺寸与链接元素尺寸不...

    div+css教程A标签属性hover背景图片透明度显示

    div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示

    DIV CSS实例教程:一款清新风格的CSS新闻列表制作

    在CSS中,我们使用浮动(float)属性来让标题和日期显示在同一行上。我们将标题设置为左浮动,日期设置为右浮动。 .lbt { float: left; margin-right: 10px; } .ldt { float: right; margin-left: 10px; } 三...

    HTML5&CSS3网页制作:链接伪类.pptx

    这种组合使用称为“链路状态顺序”或“LVHA 规则”,即 Link - Visited - Hover - Active。例如: ```css a { color: inherit; text-decoration: none; } a:link, a:visited { color: blue; } a:hover { color...

    css链接问题下划线问题

    在CSS中,我们可以使用`a`标签选择器来定制链接的样式。链接有四种不同的状态:默认(link)、已访问(visited)、鼠标悬停(hover)和活动(active)。理解这些状态是解决链接样式问题的关键。 1. 默认状态(link...

    前端项目-hover.css.zip

    总结起来,"前端项目-hover.css.zip"是一个非常实用的工具,它利用CSS3的先进特性和悬停效果,帮助开发者快速创建引人注目的交互式界面,无需编写复杂的JavaScript或使用额外的库。通过学习和使用这个资源,开发者...

    完美解决IE6不支持hover

    在早期的网页设计中,Internet Explorer 6 (简称IE6) 是一个常见的浏览器,但它存在很多兼容性问题,其中就包括对CSS:hover伪类的不完全支持。在本篇文章中,我们将深入探讨这个问题,并提供一系列解决方案,帮助你...

Global site tag (gtag.js) - Google Analytics