-
代码如图
查看全部 -
代码如图
查看全部 -
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Busy - 电商</title>
<style>
/*
任务
1 如何让 .select正确显示 应该加什么定位？
2 怎么隐藏掉 .select_options 这个元素
*/
body,ul,h3{margin: 0; padding: 0;}
li{list-style: none;}
.select{
height: 24px;
border:solid 1px #ccc;
float: left;
position: relative;
margin: 30px;
}
.select_name{
font-size: 12px;
font-weight: normal;
line-height: 24px;
padding: 0 24px 0 7px;
}
.select_triangle{
border-width: 4px;
border-style: solid dashed dashed;
border-color: rgb(80, 174, 248) transparent transparent;
width: 0; height: 0;
overflow: hidden;
position: absolute;
top: 10px;
right: 8px;
}
.select_options{
width: 100%;
border: solid 1px #ccc;
background-color: #fff;
position: absolute;
left: -1px;
top: 23px;
font-size: 12px;
line-height: 24px;
text-indent: 7px;
display: none;
}
.select:hover .select_options{
display:block;
}
.select_options li:hover{
background-color:rgb(80, 174, 248);
}
</style>
</head>
<body>
<div class="select">
<h3 class="select_name">继续努力哦</h3>
<span class="select_triangle"></span>
<ul class="select_options">
<li>选项1</li>
<li>选项1</li>
<li>选项1</li>
<li>选项1</li>
</ul>
</div>
</body>
</html>
查看全部 -
input需要清掉哪些默认样式，和兼容问题如何解决？ 如何解决IE8一下的input框文字偏上问题查看全部
-
input ie兼容问题和需要清除的样式查看全部
-
1 input需要清掉哪些默认样式，和兼容问题如何解决？ 2 如何解决IE8一下的input框文字偏上问题？ answer1: input{outline:none;border: none;background: none;} answer2: 设置高度和行高相同查看全部
-
line-height:30px\9; 这个是css hack 写法, 主要用在浏览器之间的兼容, \9:支持IE浏览器 \0:支持IE8浏览器查看全部
-
如何消除IE浏览器的影响，helight:32px;line-height:32px\9 1、对输入框的文字居中，可用内边距来设定，也可用行高来确定，如line-height:32px/9;； 2、对单选框和复选框对其问题，可以直接使用margin属性来暴力定位，或者使用top属性来定位，但要同时给position:relative;； 3、多个元素居中对其，神操作是同时对这几个元素设置vertical-align:middle;属性； 4、表单左侧统一对齐，可直接设置同一span标签，且设固定宽度，并在里面添加内容即可，对于没有内容的，必须使用 空格转义字符代替（ie下会需要）。查看全部
举报