css
kingisking1
这个作者很懒,什么都没留下…
展开
-
td中checkbox与文字不齐解决办法.checkbox{vertical-align:middle; margin-top:0;}
使用css式样的复选框默认的复选框在实际运用中会出现firefox与ie效果不同的情况这时候需要.comm_check{margin:2px 2px 0 30px; float:left; vertical-align:middle;margin-top:3px!important;margin-top:0px;}*格式:适用于ff 的配置 !important; 适用于ie6 的原创 2010-07-16 16:53:00 · 4782 阅读 · 0 评论 -
文字纵向排列,不推荐使用,文字少的话尽量用图片会更方便
.zx {width:32px; font-size:12px; font-family:"宋体"; float:left; background:#ccc; }转载 2010-12-17 09:53:00 · 1685 阅读 · 0 评论 -
背景为圆角的导航
首页钩子原创 2010-12-17 11:31:00 · 654 阅读 · 0 评论 -
css ul li图片带边框文字混排CSS+Jquery (扩展版)
css ul li图片带边框文字混排 (扩展版) 使用jquery使图片实现垂直居中原创 2010-12-17 10:56:00 · 3445 阅读 · 0 评论 -
ie6中min-height无效的解决办法
#container{height:500px;background:#fff; /*黑色*/}#page{min-height:500px;background:#F00; /*红色*/}dddddpage层内容少,页面很矮,加了min-height后FF与IE7.0中page层可以覆盖住container的背景色。而IE6及以下min-height无法辨认,所以露出了我不想让他露出来的container层的红色背景。在IE6中效果图如下:最简单的办法还是hack吧。#page{ba原创 2010-10-27 15:09:00 · 2380 阅读 · 0 评论 -
css background之设置图片为背景技巧
可以按顺序设置如下属性(可点击进入相应的css手册查看使用):background-color 背景颜色background-image 背景图片background-repeat 背景重复background-attachment 背景图片是固定还是滚动background-position 背景图片的定位 接下来我们重点来讲解css background通常的使用方法首先我们来看下面一段代码background:url(bgimg.gif) no-repeat 5px转载 2010-11-01 11:02:00 · 736 阅读 · 0 评论 -
ul li图片文字混排不加overflow:hidden,使文字垂直居中(完美版)
ul li图片文字混排不加overflow:hidden,使文字垂直居中(完美版)原创 2011-01-04 11:31:00 · 6886 阅读 · 0 评论 -
链接的class如何写a.a_link_y:link,a.a_link_y:visited,a.a_link_y:hover,a.a_link_y:active{ color:#FF6600} /*黄色link*/
<br />a.a_link_y:link,a.a_link_y:visited,a.a_link_y:hover,a.a_link_y:active{ color:#FF6600} /*黄色link*/原创 2010-11-23 13:37:00 · 724 阅读 · 0 评论 -
css中强制换行
结构:1.Transshipment Booking System is launched只对英文起作用,以字母作为换行依据2.Transshipment Booking System is launched只对英文起作用,以单词作为换行依据3.Transshipment Booking System is launched只对中文起作用,强制换行4.Transshipment B转载 2011-11-24 11:10:04 · 698 阅读 · 0 评论 -
google中设置font-size小于12,其页面显示效果任然为12px解决办法
google浏览器对于font-size: 小于12px的字其页面显示效果任然为12px解决方法:在该文字层加入样式:-webkit-text-size-adjust:none;原创 2012-05-03 09:15:45 · 2503 阅读 · 0 评论 -
浏览器对DIV+CSS兼容性问题大总结
接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题,希望大家再在其基础上补充!所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px; IE6 专用_height: 100px; IE6转载 2012-06-01 16:02:35 · 979 阅读 · 0 评论 -
div 永远在页面底部
div居底#bom { position:fixed; left:0px; bottom:0; _position:absolute; _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetH转载 2012-09-26 10:13:23 · 4822 阅读 · 0 评论 -
ul li与图片排列
/*css样式*/#j_pic70{ width:360px; margin:0 0 0 5px ;}#j_pic70 li{ width:70px; float:left;}#j_pic70 li a{ width:68px;display:block; border:1px solid #fff; }#j_pic70 li a img{ width:68px; height:6原创 2010-11-24 09:20:00 · 1391 阅读 · 0 评论 -
css ul li 图片文字混排,css完美版,jquery只适合宽高相等的情况
.k_img_ul li span a{ display:block; width:53px; height:53px; overflow:hidden; }原创 2010-12-15 17:15:00 · 5627 阅读 · 0 评论 -
浏览器CSS兼容问题
<br />http://wenku.baidu.com/view/64fa0f781711cc7931b716e8.html原创 2010-12-15 16:33:00 · 535 阅读 · 0 评论 -
通过滤镜实现两个边的阴影问题 完美版^ - ^
/*以下属性作用于firefox */ -moz-box-shadow :3px 3px 4px #ccc; /*-maz- box-shadow:水平方向位移 竖直方向位移 模糊半径 颜色 */ /*以下属性为ie 支持*/ *filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc"); /*力度,角度,颜色 */原创 2010-12-15 09:54:00 · 1376 阅读 · 0 评论 -
纯CSS圆角矩形
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><style type="text/css"><br /><br />body{<br /> font转载 2010-09-13 11:32:00 · 695 阅读 · 0 评论 -
overflow和display的用法
http://paranimage.com/css-overflow-attribute/帕兰映像的详解今天遇到一个页面一个已经设定div的高度和背景色,但是图片的高度比div的高度要小2px,ie6中这时候会显示背景,用display:inline就没有背景色了原创 2010-09-15 16:32:00 · 2272 阅读 · 0 评论 -
position:relative
#A{ positon:relative}#B{ positon:absolute; top:5px; left:5px;} /*这里定位时还可以用right和buttom*/这时B的位置就是相对于A的位置了原创 2010-09-17 14:33:00 · 530 阅读 · 0 评论 -
CSS开头空两格
<br />在css里控制每段开头自动空两格是这样: <br />p { text-indent: 2em;}原创 2010-09-17 14:44:00 · 4834 阅读 · 0 评论 -
css带框的分页样式
<br /><html><br /><head><br /><style><br />#nav{text-align:center; width:100%;font-size:12px;}<br />#nav ul{padding:5;margin:5;list-style:none;}<br />#nav li {display:inline;padding:0 0px;}<br /><br />#pagination-digg a { border:solid原创 2010-09-19 14:28:00 · 581 阅读 · 0 评论 -
ie6里中英文无法上下对齐
vertical-align:center;原创 2010-09-19 14:55:00 · 1358 阅读 · 0 评论 -
通过div嵌套实现阴影,有两个边能有阴影效果
<br /><style><br />.shadow{<br />width:670px;<br />position: relative;<br />left: 3px;<br />top: 3px;<br />margin-right: 3px;<br />margin-bottom: 3px;<br />}<br /><br />.shadow2,<br />.shadow3,<br />.scontent {<br /> width:670px;<br原创 2010-09-26 09:29:00 · 1141 阅读 · 0 评论 -
CSS通过滤镜shadow,glow等实现四个面阴影,效果算不上完美
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" ><br /><head><br /> <title>Untitled Page</title><br /></head><br />转载 2010-09-25 13:41:00 · 3635 阅读 · 0 评论 -
在firefox上显示网站图标
在标签中任加下面两句中的一句herf和mce_href后均接.ico文件的地址原创 2010-12-07 12:43:00 · 1248 阅读 · 0 评论 -
DIV+CSS制作网页之如何设置z-index position:relative
网页制作Webjx文章简介:貌似很多同学对为什么这个div在上层,那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终,致使不敢随意使用层的叠加。但层的叠加效果,在交互设计中却频频出现,所以我们必须驾驭它,要驾驭它,就要掌握其规律。[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系统:Windows]貌似很多同学对为什么这个div在上层,那个div在下层、无论如何设置z-index都无法居上转载 2010-12-08 15:34:00 · 807 阅读 · 0 评论 -
ie6中div的边框断线 : html div{ height:1%; }
使用Holly Hack<br />/*/*/ * html div { height: 1%; } /**/另解,该div要设置宽度<br />原创 2010-12-08 15:17:00 · 936 阅读 · 0 评论 -
CSS样式在IE6下无效的问题解决方案(编码问题)
解决:1、改变文件编码格式为utf-8,并在css文件加上 @charset "utf-8"; 繁體的話 是 @charset "BIG5";2、去掉css中的中文注释。原创 2010-12-10 15:31:00 · 695 阅读 · 0 评论 -
按钮图片<input type="image" class="peidui_Bt1" src="img/pedui_bt.png" />
按钮图片1: 按钮图片2: #m_denglu{ width:98px; height:60px; background:url(img/m_denglu.jpg) 0 0 no-repeat; font-size:16px; font-weight:bold;}/*作为背景图片插入*/原创 2010-09-19 14:06:00 · 852 阅读 · 0 评论