CSS技术与兼容
文章平均质量分 79
一把编程的菜刀
如果是真心求学的,可以提问我,如果只是要代码的,请自己绕路
展开
-
当层无法运用margin:0 auto居中问题的解决!
当层无法运用margin:0 auto居中问题的解决!如果无法运用....来设置层居中.出现这样问题可能是没有定义hmlt的dtd,html向标准化的xml演变的过程是需要时间的,所以有三个dtd版本,我们现在用的最多的就是过渡期的dtd这三个分别是1,过渡型2,严格型3,框架型如果对css 2.0标准不太熟悉不要使用严格型的dtd.我们现在使用过渡期的就行了!在网页最顶剖加上原创 2008-03-08 09:59:00 · 2025 阅读 · 0 评论 -
纯CSS+DIV实现的竖向菜单(简单例子,提供学CSS的朋友学习)
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>纯CSS+DIV实现的竖向菜单title>style>.menu{width:200px;}.menu a原创 2008-12-03 14:11:00 · 2517 阅读 · 3 评论 -
兼容IE和FF的三级导航菜单
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" c原创 2008-04-29 12:18:00 · 2609 阅读 · 8 评论 -
通过样式表实现固定表头和列
html>head> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> title>固定表头和列title> style> .FixedTitleRow { position: relative; top: ex原创 2008-04-24 11:26:00 · 4600 阅读 · 8 评论 -
javascripot div登陆提示框(页面层不可用)
html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>greencss.comtitle>script type="text/javascript">function sAlert(str,stitle){var msgw,msgh,bordercolor;msgw=300原创 2008-04-20 13:20:00 · 5834 阅读 · 1 评论 -
html+css小技巧收集!
1.鼠标移上去是出现一个window的保存收藏打印的那个小框框,能不能限制它的出现?1. 在HEAD中加入2. 图片上用新属性galleryimg 3.div实现滚动条 (某些情况下可以替代iframe).gb { overflow:auto; white-space:normal; height:100px; padding:3px;}其中高度height和overflow是转载 2008-04-03 00:48:00 · 1491 阅读 · 2 评论 -
HTML中的Div分区属性
1、基本属性:width, height, left, top, background-color(当设置为transparent时表示透明)2、定位属性:position: absolute/relativeabsolute时,位置固定;relative时,位置会随着内容的实际情况进行浮动3、显示属性:display: block/noneblock为默认状态,表示显示;none为隐藏4、优先属原创 2008-03-26 22:55:00 · 8248 阅读 · 0 评论 -
JS图片loading及放大查看效果(兼容IE,FF)
script language="JavaScript">var smallX = 150; //缩略图宽度var bigX = 600; //预览窗大小,可以任意设置var bigY = 450;var srcX = -1; //原图大小,可以任意设置. 如有一个为-1将使用图片原始大小var srcY = -1;var border = 5; //边框var smallY,viewX,vi原创 2008-03-16 12:31:00 · 2750 阅读 · 2 评论 -
如何使用Lightbox效果
步骤 1 - 安装 1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header. 2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中). 3、检查 CSS 并确定调用的 prev.gif 和 next.gif 文件在正确的位置.原创 2008-03-16 11:22:00 · 2260 阅读 · 0 评论 -
一个随机显示风格的DIV+CSS展示页
var head = document.getElementsByTagName(HEAD).item(0); var style = document.createElement(link); style.href = welimages/css+id+/css.css; style.rel = stylesheet; style.type = text原创 2008-03-14 13:00:00 · 1459 阅读 · 0 评论 -
正确的使用margin:0 auto与body{text-align:center;}实现元素居中
body{text-align:center}与margin:0 auto的异同?text-align是用于设置或对象中文本的对齐方式。一般情况下我们设置文本对齐方式的时候需要用此属性进行设置 我们设置某个对象水平方向居中的时候,常常将左右的外边距设置为auto来实现text-align:center设置为文本或img标签等一些内联对象(或与之类似的元素)的居中。margin:0 au原创 2008-03-08 10:08:00 · 9336 阅读 · 1 评论 -
IE Firefox css 差别
1、单位问题问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px;2、水平居中问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题问题:如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,ie会自动拉伸以适应DIV容器大小,ff会固定DIV的告诉,超过部分超出DIV底线原创 2008-03-09 17:27:00 · 763 阅读 · 1 评论 -
DIV固定不动,不随滚动条滚动且不闪动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">chinmo.netbody{ margin:0px; padding:0px;}#glideDiv0{position:fixed; bottom:0;left:0; width:10原创 2008-02-12 05:05:00 · 42341 阅读 · 12 评论