CSS+HTML
文章平均质量分 57
lqc851011
这个作者很懒,什么都没留下…
展开
-
最全的IE与火狐的兼容问题
最全的IE与火狐的兼容问题CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题vertical-a转载 2010-01-14 11:26:00 · 560 阅读 · 0 评论 -
Firefox下margin-top失效的问题
<br />(一)margin-top失效<br />先看下面代码:<br /><br /><div><br /><div class="box1" >float:left</div><br /><div class="box2">clear:both; margin-top:20px;</div><br /></div><br /><br />两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距 margin-top没有效果。<br /><br />网上能找到的两种比较转载 2010-08-21 16:53:00 · 994 阅读 · 0 评论 -
VML简介
<br />VML简介<br />1 VML概述<br /> 在VML里面,标记使用的是XML扩张,需要一个namespace(命名空间),你可以使用惯用的“v”作为命名空间,使用IE5.0到IE6.0通用的定义如下:<br /> <html xmlns:v="urn:schemas-microsoft-com:vml"><br /> <STYLE><br /> v/:* { Behavior: url(#default#VML) }<br />转载 2010-11-26 10:13:00 · 1230 阅读 · 0 评论 -
如何隐藏滚动条?IE去掉滚动条HTML代码
<br /> 做了一个页面,与桌面分辨率一样大小,但是在IE全屏(F11)下却显示有滚动条,而火狐确没有。怎么样去掉IE滚动条呢?其实有一个属性就可以解决。 <br /> 方法1:直接在body里面加上属性scroll <br /> 代码如: <br /> < body scroll="no" > <br /> 方法2:使用样式表overflow <br /> 代码如: <br /> HTML{overflow-x:hidden;} <br /> 在xhtml1-trans原创 2010-10-21 15:31:00 · 5208 阅读 · 0 评论 -
Firefox3,IE6,IE7,IE8上传图片预览
<!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; char转载 2010-10-27 16:59:00 · 509 阅读 · 0 评论 -
css中Alpha滤镜的用法
<br />语法:<br />filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent ) <br /><br />属性:<br />enabled :原创 2010-10-28 15:17:00 · 1200 阅读 · 0 评论 -
巧用CSS的Dropshadow滤镜
<br />顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面,然后在页面上显示出该对象的投影。其工作原理是建立一个偏移量,然后加上颜色.<br />语法:STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"<br />说明:Color:#rrggbb格式,任意。<br />Offx:X轴偏离值。<br />Offy:Y轴偏离值。<br />Positive:1或0。<br /> <原创 2010-10-28 16:27:00 · 1225 阅读 · 0 评论 -
Glow滤镜
<br />对一个对象使用"glow"属性后,这个对象的边缘就会产生类似发光的效果<br />语法:STYLE="filter:Glow(Color=color,Strength=strength)"<br />说明:<br />Color:发光颜色。<br />Strength:强度(0-100)<br />例如:<br />样式:<br />.filter7{filter:Glow(color='#ff0000',strength=5); width:170px; height:100px; float原创 2010-10-28 16:43:00 · 622 阅读 · 0 评论 -
Chroma属性实现CSS滤镜透明效果
<br />Chroma滤镜:<br />设置对象的色彩浓度<br /> <br />语法:STYLE="filter:Chroma(Color=color)"<br /> <br />说明:color:#rrggbb格式,任意。<br />注意颜色值不可以缩写。原创 2010-10-28 16:00:00 · 759 阅读 · 0 评论 -
Blur滤镜
<br />是CSS的滤镜之一,把它加载到文字上,可产生立体字的效果,这将为你在网页上使用立体字做标题带来了极大的方便,也为你的网页减轻了分量;把Blur滤镜加载到图片上,能使你的图片增色不少,虽然用图象处理软件也能达到同样效果,但用Blur滤镜可方便多了.<br />语法:STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"<br />说明:<br />Add:一般为1,或0。<br />Direction:角度,0~315度原创 2010-10-28 15:50:00 · 716 阅读 · 0 评论 -
CSS清除浮动的三个方法
<br />用空标签清除.clr {clear: both;}LeftRight 使用 overflow 属性#layout {overflow:auto; zoom:1;}LeftRight 使用 :after (非 IE 浏览器)#layout:after{display: block;clear: both; con...<br /> 用空标签清除<br />.clr {clear: both;}<br />Left<br />Right<br /> 使用 overflow 属性<br />#转载 2010-11-01 13:55:00 · 510 阅读 · 0 评论 -
Meta标签详解
<br />引言 <br /> 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广<br />个人网站,人们首先想到的方法无外乎以下几种:<br /><br /> ● 在搜索引擎中登录自己的个人网站<br /><br /> ● 在知名网站加入你个人网站的链接 <br /><br /> ● 在论坛中发帖子宣传你的个人网站 <br /><br /> 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有转载 2010-11-01 10:31:00 · 453 阅读 · 0 评论 -
CSS中轻松实现Firefox与IE透明度
<br />你对CSS中实现Firefox与IE透明度的概念是否了解,这里和大家分享几种实现Firefox与IE透明度的方法,希望对你的学习有所帮助。<br />CSS中实现Firefox与IE透明度(opacity)的不同方法<br />Dreamweaver提供的透明度样式只能支持IE,想要在Firefox下实现,需要自己手写。如下:<br />1.IE6设置透明度<br />CSS设置<br />filter:alpha(opacity=50);<br />javascript设置<br />IESp转载 2010-11-01 10:52:00 · 1076 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE8兼容模式
<br />你对IE兼容设置的方法是否熟悉,这里和大家分享一下使用X-UA-Compatible来设置IE8兼容模式,X-UA-Compatible是针对IE8新加的一个设置,但是对于IE8之外的浏览器是不识别的。<br />使用X-UA-Compatible来设置IE8兼容模式<br />X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content=”IE=7″在无论页面是否包含<!DOCTYPE>指令,都像是使用了WindowsInternetEx转载 2010-11-01 10:57:00 · 794 阅读 · 0 评论 -
IE8和IE7的兼容问题
<br />还在为IE8和IE7的兼容问题发愁么??<br />IE8有两种解析模式的,一种是IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定,一种是IE7 Standards Modes :IE7现在用的解析网页的模式。IE7还算是不错的浏览器,如果让IE8浏览器自动切换到IE7模式,那我们就不用为IE8布局兼容问题烦恼了,而这个开关只有一行代码:<br /><meta http-equiv=”X-UA-Compatible” content=”IE=7″><br />在转载 2010-08-13 09:52:00 · 1640 阅读 · 0 评论 -
javascript 读取内联之外的样式(style、currentStyle、getComput-JavaScript编程
<br />样式表有三种方式 <br />内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。 <br />内部样式(internal Style Sheet):是写在HTML的<head></head>里面的,内部样式只对所在的网页有效。 <br />外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用转载 2010-07-13 18:03:00 · 1914 阅读 · 2 评论 -
input 文本框 文字垂直居中对齐 ie firefox
在ie中文字垂直居中对齐的话:在css中把line-height的属性设置成height的高度即可。但在ff中似乎不管用,解决方法如下: 用padding;测试ie6/7/FF下高度都是34px; 注明: 因ie和FF的光标高度不同, 所以必须设置line-height; 否则ie中的padding-bottom会少2px,被光标占距; 又因字号为12px,但是实际只占11px; 所以在ie中原创 2010-01-14 11:31:00 · 6382 阅读 · 0 评论 -
怎么让input里的text和button使用不同的css样式
当你看到这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的: 文本框 密码框 提交按钮 重置按钮 单选框 复选框 普通按钮 文件选择控件 隐藏框 图片按钮转载 2010-01-18 12:13:00 · 8663 阅读 · 0 评论 -
浏览器专属CSS HACK区分:Firefox、Safari、Opera、Interner Explorer
查看文章 Loading...CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都转载 2010-01-18 12:01:00 · 1003 阅读 · 0 评论 -
关于firefox不兼容DIV嵌套的问题
FF里,要在外层的div里放float:left和float:right的div,需要设置外层div的高度。 你可以试一下: DIV1 DIV2 在IE里正常,在FF里,不会有红色背景,也就是外层div没有被撑开。 DIV1 DIV2 这样就正常了。 最好外层和里层的DIV都定义高度和宽度。这样不太容易出现问题。 如果实在是外层DIV不能确定高度,那么定义一个CSS类: .box:afte原创 2010-01-22 18:13:00 · 1182 阅读 · 0 评论 -
firefox margin-top失效的原因与解决办法
为什么要翻译这篇说明?css2本有人已翻译过,但看一下,很粗糙(不是说自己就怎么怎么样啊,翻译者真的是很值得敬佩的!),近来跟css与xhtml接触得越来越多,但接触得越多,迷惑却总不见少。 现在我觉得很多问题根本不能称之为问题,原因就在于我们的草率理解,比如杀鸡用牛刀,不是不可以,是不合理、不恰当,根源错了,表象也就会错了,如果解决问题从表象入手,难免总会摸不着头脑,还是那句话,要脚踏实地,切莫转载 2010-01-22 17:09:00 · 480 阅读 · 0 评论 -
如何去除点击链接时出现的虚线框
如何去除点击链接时出现的虚线框 有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢? 虽然从可用性的角度,隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上,有时候虚线框确实影响美观。 方法一: IE 下可使用其私有的html属性:hideFoucs,在标签的结构中加入 hidefocus=”true” 属性。即: 淘宝网 而在 Firfo转载 2010-02-04 16:27:00 · 1763 阅读 · 0 评论 -
IE6的图片3px问题解决办法
晚上开着三个浏览器(IE6、IE7、FF)写DIV+CSS时,发现在 IE 6 中 ,DIV 使用背景图片(或直接插入图片在DIV中)的时候,在图片的下端会出现一条空白间隔,经测量,刚好是 3px !没见过这种 3px 问题,用 display: inline 和 -3px 等方法也搞不定,于google之,最终在蓝色理想找到答案,原因是:IE6默认字号是12pt,默认行高是normal。转载 2010-02-09 18:04:00 · 2899 阅读 · 0 评论 -
解决在火狐浏览器中文本框和按钮在同行显示不对齐问题
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档.test {height:25px;border:1px #000 solid;}.text {height:16px;line-height:16px;border:1px #ccc solid;width:原创 2010-02-24 17:17:00 · 2901 阅读 · 0 评论 -
CSS技巧
1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: 相原创 2010-03-18 10:23:00 · 1950 阅读 · 0 评论 -
css渐变代码4种
css渐变代码4种 一、从上往下渐变body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变body{FILTER: Alpha( style=1,opacity=25,finishOpacity=原创 2010-01-11 13:48:00 · 1276 阅读 · 0 评论 -
CSS选择器笔记
CSS选择器笔记参考网址:456 Berea Street一、基本选择器序号选择器含义1.* 通用元素选择器,匹配任何元素2.E标签选择器,匹配所有使用E标签的元素3..infoclass选择器,匹配所有class属性中包含info的元素4. #footer id选择转载 2010-01-10 17:33:00 · 313 阅读 · 0 评论 -
CSS布局自适应高度解决方法
<br />这是一个比较典型的三行二列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标,按一般的做法,大多采用背景图填充、加JS脚本的方法使列的高度相同,本文要介绍的是采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。<br />先看代码:<br /> <br />#wrap{<br /> overflow: hidden;<br /> }<br /><br />#sideleft, #sideright{<br /> padding-bottom:转载 2010-07-13 13:59:00 · 743 阅读 · 0 评论 -
两行布局一行固定高度一行自适应满屏
<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 /><meta http-equiv="Content-Type" content="text/html; charset=ut转载 2010-07-13 14:00:00 · 3434 阅读 · 0 评论 -
用css定义一个div,如何用js取得样式的属性呢?
<br />用css定义一个div,如何用js取得样式的属性呢?比如长宽之类的。<br /><br />我试着用js 定义样式,没有问题!但要读出属性却不行了。<br />[html]<br /><style><br />#d1 { width:200px; }<br /></style><br /><body><br /><div id="d1"></div><br /><script><br />theD=document.getElementById("d1");<br />alert(theD.cu转载 2010-07-13 17:50:00 · 2289 阅读 · 2 评论 -
haslayout是什么意思
想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性转载 2010-11-02 17:33:00 · 2055 阅读 · 0 评论