随笔分类 -  HTML+CSS

关于内层DIV设置margin-top不起作用的解决方案
摘要：（一）近日在做另外一个站点的时候，又遇到这个问题，决定好好的研究解决一下。代码如下：<div>上部层</div><div> <!--父层--><div style="margin-top:200px;">子层</div></div>理想中的效果是父层和上部层贴边显示，子层距离父层顶部有200px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了200px。百思不得其解，求助google，得到如下的一句：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元 阅读全文
posted @ 2013-05-21 15:05 纯属偶然_黄勇 阅读(36017) 评论(1) 推荐(1)
IE6 CSS高度height:100% 无效解决方法总结
摘要：上面红色部分为 height:100%; 自动拉伸到与父元素一样的高度。在IE7 8 FF 等浏览器中通过position:absolute;可以使height:100%;正常显示，IE6下无效。方法一： 使用CSS嵌入JS来实现。_height:expression(document.getElementById('div2').offsetHeight+"px");这句CSS只针对IE6有效。测试:<!doctype html><html><head><meta http-equiv="Content- 阅读全文
posted @ 2013-02-05 15:47 纯属偶然_黄勇 阅读(7743) 评论(0) 推荐(0)
Css远程字体 font-face
摘要：<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>远程字体</title><style type="text/css">body {font-family:'微软雅黑'}@font-face {font-family:微软雅黑;src: url('http://js.jrji 阅读全文
posted @ 2013-01-28 11:06 纯属偶然_黄勇 阅读(1794) 评论(0) 推荐(0)
在层中使用CSS让图片垂直居中
摘要：<!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" content="text/html; charset=gb23 阅读全文
posted @ 2012-06-19 14:49 纯属偶然_黄勇 阅读(286) 评论(0) 推荐(0)
CSS:ie6下漂移布局所遇到的问题
摘要：<style>#categories_content{width:848px;margin-left:2px;}#categories_content ul li{float:left;padding-left:12px;margin-bottom:20px;width:200px;}/*一开始此处是margin-left:12px;,ie6下一直如图所示*/#categories_content ul li p{text-align:center;font-size:18px;font-weight:bold;padding:2px 0 1px;}</style>&l 阅读全文
posted @ 2012-06-11 16:17 纯属偶然_黄勇 阅读(352) 评论(0) 推荐(0)
CSS a:hover伪类在IE6下的问题
摘要：就拿对伪类:hover的支持来说，IE7+终于添加了对a以外其它标签的支持。对于这样的改进，当然是要拍手称快的，但在IE6下，:hover就连对a的支持都不是那么的尽如人意。下面就是我想简单说的一个关于:hover在IE6及更早浏览器下的问题。 很多人可能都已经知道了:hover在IE6及更早浏览器（以下称IE6-）下的一些问题。我主要是想说一下形如a:hover span{}这样的问题。 有的时候为了增加一些简单的动态效果，常常会借助:hover的帮忙，比如我们时常会令鼠标经过链接时改变文字的颜色。如：a:hover{color:#F00;}<a href="?"& 阅读全文
posted @ 2012-06-11 15:32 纯属偶然_黄勇 阅读(404) 评论(0) 推荐(0)
绝对定位的层上下左右居中
摘要：left:50%;top: 50%;margin-left:-xx px!important;/*元素width的一半*/margin-top:-xx px!important;/*元素height的一半*/margin-top:0px;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +... 阅读全文
posted @ 2012-06-11 11:53 纯属偶然_黄勇 阅读(628) 评论(0) 推荐(0)
javascript中float的用法
摘要：IE:obj.style.styleFloat其他浏览器:obj.style.cssFloat。 阅读全文
posted @ 2012-05-24 12:33 纯属偶然_黄勇 阅读(1422) 评论(0) 推荐(0)
A链接href="javascript:void（0）;"在IE6下导致js跳转失败
摘要：经常有如下JS跳转写法：<a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/');">test js location.replace（）</a><a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/';"&g 阅读全文
posted @ 2012-04-12 15:43 纯属偶然_黄勇 阅读(1199) 评论(0) 推荐(0)
温习javascript dom
摘要：开始 婷 阅读全文
posted @ 2012-03-31 16:05 纯属偶然_黄勇 阅读(142) 评论(0) 推荐(0)