2016 年 3月 2 日随笔档案 - hduhdc

2016年3月2日

摘要：！important >style(行间)>id>class>类型>默认阅读全文

posted @ 2016-03-02 20:57 hduhdc 阅读(125) 评论(0) 推荐(0)

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/DD_belatedPNG_0.0.8a.js"></script> 7 <script> 8 DD_be 阅读全文

posted @ 2016-03-02 20:13 hduhdc 阅读(157) 评论(0) 推荐(0)

hack,不同的IE浏览器

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 width: 200px; 9 height: 200px; 10 background-color: 阅读全文

posted @ 2016-03-02 19:53 hduhdc 阅读(120) 评论(0) 推荐(0)

IE6 下输入类型表单控件背景问题

摘要： .box input{background:url(img/1.jpg) fixed} <body> <div class="box"> <input type="text" >图片加入fixed就行 </div> </body> 背景图片就会固定不动. 阅读全文

posted @ 2016-03-02 19:50 hduhdc 阅读(135) 评论(0) 推荐(0)

给input元素添加float. 去除IE6 下input的空隙

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 border: 1px solid #000000; 10 backg 阅读全文

posted @ 2016-03-02 19:22 hduhdc 阅读(212) 评论(0) 推荐(0)

IE6下绝对定位元素和浮动元素并列绝对定位元素消失

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 border: 1px solid 阅读全文

posted @ 2016-03-02 19:21 hduhdc 阅读(275) 评论(0) 推荐(0)

IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1个像素的偏差

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 308px; 9 height: 308px; 10 background-color: 阅读全文

posted @ 2016-03-02 18:31 hduhdc 阅读(219) 评论(0) 推荐(0)

IE6 7 父级元素的overflow:hidden 是包不住子级的relative

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 background-color: 阅读全文

posted @ 2016-03-02 18:25 hduhdc 阅读(184) 评论(0) 推荐(0)

浮动元素之间注释，导致多复制一个文字问题

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .wrap{ 8 width: 400px; 9 } 10 .left{ 11 float: left; 12 } 1 阅读全文

posted @ 2016-03-02 18:21 hduhdc 阅读(233) 评论(0) 推荐(0)

li里元素都浮动 li 在IE6 7 下方会产生4px间隙问题

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .list{ 8 margin: 0; 9 padding: 0; 10 list-style: none; 11 w 阅读全文

posted @ 2016-03-02 16:59 hduhdc 阅读(191) 评论(0) 推荐(0)

在IE6里面当元素浮动后再设置margin那么就会产生双倍边距

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0; 9 } 10 .box{ 11 width: 750px; 12 border: 阅读全文

posted @ 2016-03-02 16:51 hduhdc 阅读(282) 评论(0) 推荐(0)

IE6下最小19px像素

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 height: 1px; 9 background-color: red; 10 overflow: h 阅读全文

posted @ 2016-03-02 16:35 hduhdc 阅读(157) 评论(0) 推荐(0)

IE6里面display:inlineblock使得块元素成行排列,没用

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 width: 100px; 9 height: 100px; 10 background-color: 阅读全文

posted @ 2016-03-02 16:08 hduhdc 阅读(137) 评论(0) 推荐(0)

margin问题

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 background-color: green; 9 overflow: hidden; <margi 阅读全文

posted @ 2016-03-02 16:05 hduhdc 阅读(161) 评论(0) 推荐(0)

IE6里面子集尺寸大的会把父亲撑大

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 border: 10px soli 阅读全文

posted @ 2016-03-02 15:44 hduhdc 阅读(140) 评论(0) 推荐(0)

第一个元素<flout>写了,想在他的旁边加一个元素.IE6会出现缝隙. 不要用margin撑开,要用flout

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0; 9 } 10 .box{ 11 width: 500px; 12 } 13 .l 阅读全文

posted @ 2016-03-02 15:42 hduhdc 阅读(198) 评论(0) 推荐(0)

兼容性，float

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 400px; 9 border: 1px solid black; 10 overflo 阅读全文

posted @ 2016-03-02 15:33 hduhdc 阅读(293) 评论(0) 推荐(0)

HTML5的兼容问题以及调用js文件的方法

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/html5shiv.js"></script>《直接加入script引用js文件来解决html5的兼容问题阅读全文

posted @ 2016-03-02 15:10 hduhdc 阅读(2037) 评论(0) 推荐(0)