随笔分类 -  CSS/DIV

摘要：#graphbox{border:1px solid #e7e7e7;padding:10px;width:250px;background-color:#f8f8f8;margin:5px 0;}#graphbox h2{color:#666666;font-family:Arial;font-size:18px;font-weight:700;}.graph{position:relative;background-color:#F0EFEF;border:1px solid #cccccc;padding:2px;font-size:13px;font-weight:700;}.grap 阅读全文

摘要：把各个部分放在一张图片上，而不是是分别存储成单独的图片，其目的我们都知道，就是减少http请求次数，节省时间和带宽。那么怎么来实现一张图片在不同的地方只显示其中的一部分呢，这就用到了我们今天要说的背景图片的定位问题。这个问题相信很多人都郁闷过，也经常有朋友问我，所以今天就系统的说一下：我们知道在用图片作为背景的时候，css要这样写，以div容器举例子，也可以是body、td、p等的背景，道理一样。div{ background:#FFF url(image) no-repeat fixed x y;}这里的background的属性值依次为：#FFF 背景色：（颜色值，背景图片没有覆盖的地方， 阅读全文

摘要：*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签。所以要解决padding的兼容问题就要靠前面提到的标签。以sccas-site为例，左侧导航栏在padding上产生了ie6、ie7以及ff浏览器不兼容，修改代码如下：#menu7 li a { height:25px; /*border-right:1px solid #666666;*/ text-decoration: none; margin:0px 0px 0px -40px !important;（firefox可识... 阅读全文

摘要：CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理 方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧0.IE6或火狐下层之间出现缝隙 解决办法：overflow:hidden1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin.. 阅读全文

摘要：<div id="demo" style="overflow:hidden;" class="hz1"> <table border="0" align="center" style=" padding-left:10px; padding-top:5px;" > <tr> <td valign="top" id="marquePic1"> <table width='100 阅读全文

摘要：<style type="text/css"> #Marquee {height:261px;overflow:hidden;} #Marquee li{height:40px;}</style><div> <ul id="Marquee" style="list-style-type: none; margin: 0px; padding:0px;"> <li><div class="kh1"><ul><li>< 阅读全文

摘要：1.thickbox 目前用的比较多的，最新版本是thickbox3.1下载地址：http://jquery.com/demo/thickbox/#examples 2.colorBox 官方网站：http://colorpowered.com/colorbox/ 下载地址：http://colorpowered.com/colorbox/colorbox.zip 演示实例:http://colorpowered.com/colorbox/core/example1/index.html 3.FancyBox 官方网站：http://fancybox.net 下载地址：http://fancy 阅读全文