一、兼容问题在ie6，不要让内容宽高超出我们设置的宽高，因为内容会撑开设置好的宽高在ie6下元素浮动，宽度需要内容撑开，就给里边的块元素都加浮动在ie6下元素要排成一行，一定要设置浮动在ie6下最小高度19px 。解决：overflow: hidden边框不要用dotted （点）在ie6下，li本...
分类：
其他好文 时间：
2015-06-09 11:14:09
阅读次数：
96
当文本过长，需缩略显示时，使用CSS属性【text-overflow】即可满足需求：关键字: text-overflow:ellipsis语法：text-overflow : clip | ellipsisclip ：默认值 。不显示省略标记(...)，而是简单的裁切.ellipsis： 当对象内文...
分类：
Web程序 时间：
2015-06-08 18:57:14
阅读次数：
147
当在网页中显示文本过长该怎么办？当我们在设计网页页面的时候，有时候肯定会遇到这种情况，我们要显示的文本超出了我们元素的宽度。这时候调宽元素的width固然是可以的，但是太宽了又不太美观了。我们可能会想能不能不改变元素的width,让超出的部分隐藏掉，然后鼠标移动到文本上的时候把全部的内容再显示出来。下面我们就来说说CSS中能够实现这种效果的方式...
代码如下，各个样式的注释已经在代码中
<!DOC...
分类：
Web程序 时间：
2015-06-07 09:35:49
阅读次数：
386
一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。今天又浮现了同样的问题，百度细看和群里的朋友指...
分类：
其他好文 时间：
2015-06-06 19:30:09
阅读次数：
109
一、实习过程中被要求做一个二级菜单，点击展开覆盖主页面。在手机上测试，滑动过程中十分卡顿。在二级菜单最外层加上-webkit-overflow-scrolling:touch ，之后就完全消除卡顿问题。通过搜索知道，overflow:scroll可以使内容可以滚动，但是没有物理弹性，比较生硬，没有滚...
分类：
移动开发 时间：
2015-06-06 11:50:55
阅读次数：
141
css兼容ie7：做页面的时候用负边距居中的时候在IE7下面，父节点中的overflow:hiden失效的问题，查阅了一些资料，总结一下解决方法。问题原因：当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。解决方...
分类：
Web程序 时间：
2015-06-05 15:39:06
阅读次数：
118
前几天做的项目中碰到这样一个问题，在 ie6 和 ie7 下，给父元素设置 overflow:hidden 不起作用无法隐藏，后来发现是子元素中有设置 position:relative，如果子元素删除 position:relative，那么父元素的 overflow:hidden 可以隐藏。
分类：
Web程序 时间：
2015-06-05 13:41:11
阅读次数：
102
在很多网站中，我们都可以看到这样的效果，当用户鼠标进入某一个元素后，下方就会有遮罩层上浮动画，如图：
今天我们就用hover伪类加上css3实现，没有使用任何JS
#d1{
height: 100px;
position: relative;
width: 100px;
overflow: hidden;...
分类：
Web程序 时间：
2015-06-05 12:25:28
阅读次数：
167
最近做了个图片展示的项目，所以也就有一个问题就是关于怎么来显示图片，怎么样对图片的内容进行设置对于这个的话，我比较多用的就是浮动，把图片的宽度设为百分比，然后对图片进行浮动，就可以做出这个效果，当然，用了浮动之后肯定是要清除浮动的，清除浮动的话有三种方法。清除浮动1.对父元素加overflow:hi...
分类：
其他好文 时间：
2015-06-05 00:28:26
阅读次数：
196
问题的条件有：A元素是B元素的包含块。A元素设置overflow:hidden;，并同时设置了height和min-height，同时height计算值 < min-height原生IE8浏览器，或者IE9浏览器的IE8兼容性模式（以下统称为IE8）期待结果：若B元素为absolute定位元素，A元...
分类：
其他好文 时间：
2015-06-04 15:14:01
阅读次数：
97
