-
IE CSS Bug及解决方案参考手册
当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛...
作者:asdasdasd11-19 -
说说CSS Hack 和向后兼容(推荐)
增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有...
作者:asdasdasd11-19 -
IE7,IE8 BUG导致CSS下载二次的解决方法
测试: 正常的CSS加载代码写法: <link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" /> 这样写大家都知道加载是不会有任何问题的,所以也不贴监控图解释了。 在经过...
作者:asdasdasd11-19 -
css hack总结 图片整理版
查看如下表格:
作者:asdasdasd11-19
常用CSS Hack技术
不常用CSS Hack技术
... -
IE6对多个CSS样式的解析
测试代码 复制代码代码如下: <html> <head> <title>IE6对多个CSS样式的解析</title> <style type="text/css"> body { font-size:12px; } .West { color:Green; } .West.Color { color: Red; } <...
作者:asdasdasd11-19 -
网页中css四种链接引用方法浅谈
<%--第一种方法--%>
作者:asdasdasd11-19
<link href="/site.css" rel="stylesheet" type="text/css" />
<%--第二种方法--%>
<link href="site.css" rel="stylesheet" type="text/css" />
<%--第三种... -
display:inline的用法
<div> DIV1 </div> <div> DIV2 </div> 这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了 <div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div> DIV1和...
作者:asdasdasd11-19 -
DIV+CSS 浮动布局完美解决方案
浏器自身的问题往往是这些麻烦的罪魁祸首。Firefox对标准的支持较好些,IE7、IE8次之,IE6目前用户群较多,但也比较糟糕,经常莫名其妙地多出一些空隙等等。拿浮动布局来说,你算好的宽度在Fire...
作者:asdasdasd11-19 -
css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程
IE7.0简体中文正式版发布了,对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!important了,是件好事情,但是也给广大的在IE6时代使用!important来区...
作者:asdasdasd11-19 -
CSS定义字体间距 字体行与行间距
CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性 属性含义 属性值 Word-spacing 定义了各个单词之间的间距 Nor...
作者:asdasdasd11-19 -
CSS 网页背景渐变实现代码
网页背景渐变是经常用到的效果,下面用的滤镜,当然在非IE下是没效果的。
作者:asdasdasd11-19
一、从上往下渐变
body{FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,... -
最大限度的分离table的样式与结构
但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table来评判页面质量,这是不对的. table也有它存在的作用,很多页面功能(比如数据表格类,表单对齐等)用table实现远比用di...
作者:asdasdasd11-19 -
css样式实现整个页面背景使用一张图片
这样实现的好处很多,网页加载一个背景图片大大加快了网站浏览速度,也非常便于网站整体风格修改。难度在于制作的背景图片如何截取指定的位置作为某个地方的背景,仔细研究发现还是不难的,首先...
作者:asdasdasd11-19 -
CSS3 选择器 伪类选择器介绍
伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CS...
作者:asdasdasd11-19 -
div+css通用兼容性代码整理
一、Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 复制代码代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:blo...
作者:asdasdasd11-19 -
css 行级元素在多浏览器下的宽度问题 与解决方法
结果如下:
作者:asdasdasd11-19
FF3:
IE6(使用IE Tester):
IE7:
Safari4:
看来还是使用&-n-b-s-p-;的兼容性最好。
mt-inline-block的内容:复制代码代码如下:html>body .mt-inline-block{display:-moz-inline-bo... -
css 非表格垂直对齐效果代码
第一:相对定位和绝对定位 以下是一固定宽高的Div的垂直居中代码 复制代码代码如下: div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; borde...
作者:asdasdasd11-19 -
Firefox下div层被Flash遮住的解决方法
1.Flash设置透明,<param name="wmode" value="transparent"> 2.注意<embed中的 wmode="transparent"... 代码 复制代码代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"...
作者:asdasdasd11-19 -
CSS3 网页下拉菜单代码解释 中文翻译
当我在为 WordPress 编写 Notepad 主题 时,顺道学习了一些新的 CSS3 特性,现在此分享。查看演示可以看到一款类似 Mac 风格的多级下拉菜单,使用 border-radius,box-shadow 和 text-shadow 创...
作者:asdasdasd11-19 -
基于CSS的30个导航和按钮优秀设计教程
CSS导航及菜单教程s
作者:asdasdasd11-19
01.高级CSS菜单 : Webdesignerwall
02.导航教程 : Ehousestudio
03.技巧: 为Wordpress导航使用滑动门 : Wphacks
04.: Howtocreate
05.下拉式 : Dave-woods
06.横向动画... -
FORM 不换行的方法
以往都是将 Form 塞到 Table 跟 tr 间 的这些方法来解决(或tr,td之间) 事实上 css 有简易的解法~~~ 照下面的一设就搞定了 form{margin:0px;display: inline} margin: 上下左右间隔都设为 0px di...
作者:asdasdasd11-19 -
如何组织和注释CSS文件
当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们写出更有效率的CSS,并让其他人容易明白和编辑的CSS样式.当然,每个设计师都会有自己所钟爱的方式. 1...
作者:asdasdasd11-19 -
让IE可以变相支持CSS3选择器
别误会,IE是不支持CSS3高级选择器,包括最新的IE8,但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。
作者:asdasdasd11-19
然而IE对高级CSS... -
xHTML+CSS与SEO的关系
1)将页面中最重要的内容用h1标签括起来,h1的内容就和页面title很自然的包含了站点或者页面的核心关键词,搜索引擎很重视h1标签的内容哟2)合理的运用h2、h3等标题标签,他们对于页面来说就是文章...
作者:asdasdasd11-19 -
CSS 首行缩进两个文字
总是在前面加上8个“ ”,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,如果再有些换行<br/>...
作者:asdasdasd11-19