求助,无法得到想要的效果。

极客行天下 2007-08-03 09:19:24
样式:
<style type="text/css">
.mouseover{background-image:url(pic/200707/dot.jpg);}
.mouseout{background-image:url(pic/200707/tagon2.jpg);}
</style>
脚本:
<div style="BACKGROUND-IMAGE: url(Pic/200707/tagon2.jpg); WIDTH: 100px; HEIGHT: 30px" onmouseover="this.className='mouseover'" onmouseout="this.className='mouseout'"></div>
鼠标划过时只是闪一下,无法得到想要的效果,如果换成background-color就没问题。图片url都没有问题
谢谢!
...全文
159 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
极客行天下 2007-08-03
  • 打赏
  • 举报
回复
搞定了,果然是优先级的问题,做如下改动就行了:
<style type="text/css">
.mylink{BACKGROUND-IMAGE: url(Pic/200707/tagon2.jpg);WIDTH: 100px; HEIGHT: 30px;}
.mouseover{background-image:url(pic/200707/dot.jpg);WIDTH: 100px; HEIGHT: 30px;}
.mouseout{background-image:url(pic/200707/tagon2.jpg);WIDTH: 100px; HEIGHT: 30px;}
</style>
<div class="mylink" onmouseover="this.className='mouseover'" onmouseout="this.className='mouseout'"></div>

能者为师,谢谢!
极客行天下 2007-08-03
  • 打赏
  • 举报
回复
两个星星也是人啊,也有不明白的东西嘛

估计是div自己的style优先级高于之前定义的style,导致style覆盖?
--------
有可能是这个原因。我再试试
whb147 2007-08-03
  • 打赏
  • 举报
回复
图片大吗?
是不是来不及显示?
  • 打赏
  • 举报
回复



偶都不敢接分了。还差695就一星,可什么都不会,包括url重写 、通讯。。。连基本的弹出页面的js代码也是整天拷贝,根本没有记住。到时候一定注册个马甲,用来提问。嘿嘿




  • 打赏
  • 举报
回复
<div style="WIDTH: 100px; HEIGHT: 30px" onmouseover="this.className='mouseover'" onmouseout="this.className='mouseout'">ssssssssssssss</div>


把div自带的那个style="BACKGROUND-IMAGE: url(Pic/200707/tagon2.jpg); 去掉了

估计是div自己的style优先级高于之前定义的style,导致style覆盖?
jy02183225 2007-08-03
  • 打赏
  • 举报
回复
很少见星星发问的啊。。。。。还是两个
  • 打赏
  • 举报
回复
**两个星怎么来的????质疑....
godgreat 2007-08-03
  • 打赏
  • 举报
回复
沙发,帮忙顶

62,025

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧