liuyt611
- 浏览: 25518 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
文章来源：http://www.cnblogs.com/mslove/archive/2009/03/24/1420703.html
1、圆角边框
<style type="text/css">
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right ...
<style type="text/css">
*{padding:0px;margin:0px;}
body{padding:100px 0px 0px 100px;}
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{/*border-left:1px solid #999;border-right:1 ...
ie6兼容png前置与背景
- 博客分类：
- 工作中遇到的问题
次方法需要用到一个插件：DD_belatedPNG.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type&q ...
ie6兼容-------Xun
- 博客分类：
- 工作中遇到的问题
1、float属性对margin的影响-----双边距问题
以向左漂浮为例，div设置float：left，若设置margin-left：10px，在IE6中会出现双倍解析问题，也就是该div距离父div左边缘的实际距离是20px，其他浏览器中则正常。注意该差异只是在父——子div中才存在，同一级的div中没有差异。
解决方法是该子div的display：inline，可消除IE6的双倍解析问题。
注意：这个现象仅当块级对象设置了浮动属性后才会出现，内联对象（行级对象）不会出现此问题。并且只有设置左边距和右边距的值才会出问题，上下边距不会出现问题。使用display:inlin ...
http://blog.csdn.net/sunshine_love/article/details/8621495
1、对盒子模型的不同解释
这里IE6、IE8、IE9相同，火狐和谷歌、遨游等相同。先说盒子模型，CSS将所有的HTML块元素都看成是一个盒子（box),每个盒子有以下几个组成部分：Content(内容）、Padding（补白）、Border（边框）、Margin（边界）。火狐谷歌等较新的的浏览器实行加法运算，“向外扩张”。以高度为例，CSS中设置的高度为内容的高度，当增大padding或是border时，盒子变大，向外扩张，但内容的高度保持不变。盒子的实际高度=内容h ...
<form name="reg" onsubmit="return checkform(this);">
请选择你的性别：
<div id="male">
<input type="radio" id="sex_male" checked="checked" name="sex" value="male" />
<label name="sex_male ...
解决ie6下png格式的兼容
- 博客分类：
- IEbug收录
一、(前置的img图片)
这里需要一个插件DD_belatedPNG.js
然后在代码中加入
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('.prev,.next,.switch-nav a:hover');
</script> ...
以下是一个简单的响应式页面的例子。但是一直不明白为什么css样式和
<!--[if lt IE 9]>
<script type="text/javascript" src="css3-mediaqueries.js"></script>
<![endif]-->要写在head里，如果把css写成外部引用的，在ie8以下就不会支持，求解答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
1、垂直居中：
如果一个div中含有图片和文字，并且文字和图片在同一行，这个时候会发现图片和文字都基于容器底部对齐，导致文字和图片不能垂直居中，解决办法有两种：
a、给img添加属性： img{vertical-align:middle}
b、将img和文字都float:left,并给div添加属性：div{line-height:37px},这里的高度应该是跟img的高度相同。
2、以上的情况是图片和文字在同一行，此时图片和文字之间是没有间隙的，如果他们之间有换行，即文字和图片不在同一行，你会发现图片和文字之间是有间隙，解决方法：
a、将img和文字都floa ...
在一些被常规的页面布局当中，我们常常需要通过position定位HTML元素来实现我们想要的效果。但是在这个办法在IE6中常常会出现各种问题。例如，我们想让一个子元素溢出其父元素之外显示，而影响父元素本身和其他兄弟元素的 ...