hover中的小坑
来源:互联网 发布:你瞒我瞒网络链接 编辑:程序博客网 时间:2024/06/08 10:25
<html>
<head>
<title></title>
<metacharset="UTF-8"/>
<styletype="text/css">
.box1{
width:300px;
height:300px;
background: red;
}
.box1:hover{
background: blue; // 鼠标放到box1上hover的时候可以把box1的'red'改为‘blue’
}
</style>
</head>
<body>
<divclass="box1">
</div>
</body>
</html>
//////////////
<style type="text/css"> //下面只是改变了css样式,
.box1{
width:300px;
height:300px;
background: red;
display:none;
}
.box1:hover{ //当把box1的display属性设置为none的时候,鼠标移动上去,不能改变display属性,//box1还是不会出现
background: blue;
display:block;
}
body:hover.box1{ //如果用box1的父级body 去hover box1此时可以把box1的display属性改为//block
display:block;
}
</style>
1 0
- hover中的小坑
- 【小白成长史】js中的hover反应跟不上
- li:hover的小知识
- jQuery中的hover方法教程
- hover
- hover
- hover
- hover()
- hover
- hover
- webkit中hover的几个小知识
- a:hover在IE6中的BUG
- 用js实现IE中的li:hover
- jQuery 中的合成事件 hover() & toggle()
- Jquery中的hover()和toggle()用法
- CSS中的:link :visited :hover :active
- JQ中的hover、mousexx的区别
- bootstrap中的dropdown组件扩展hover事件
- 第三章第一节 apply族函数
- js解决ie8浏览器png图片使用动态效果时,出现黑边问题
- Leetcode 39 - Combination Sum I, II, III(dfs)
- ffmpeg 将图片合成视频以及将内存数据合成视频
- (4)MyEclipse10安装aptana插件
- hover中的小坑
- 阿里巴巴技术笔试心得《技术之瞳》例题错误答案汇总(持续更新)
- 不用加减乘除做加法
- 水仙花数 (sdut oj)
- Cocoa 禁止APP多重启动
- FJOI2017 滚蛋记
- Android中的Service与进程间通信(IPC)详解
- python3 文档测试
- PHP的一些天坑