大网站都在用的ie6环境下png透明的解决方法

解决png图片在IE6下的背景透明问题,找到了一个好方法。之前的解决方案会造成错位,使页面变形。现把这个方法公布如下,本人亲测可以正常使用,如果你在使用中出现问题,请看实例中的说明(英文不精的童鞋可以用谷歌翻译哟)

display:inline;与float:left;的用途

首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会

标签:

谈谈CCS中Float的实质

当一个元素被设定为float后,那么它似乎不再属于这一行,也就是说,下一个元素可以跳到这一行来显示,但第一个元素无论如何总要占据一定的空间(当然还是在这一行),如果float:left,那么就意味着它将漂浮在这一行的最左边,如此,第二个元素便紧贴其后(本来要冲到最左边的,但第一个元素把最左边的位子占了,先来后到,没有办法,只好坐在人家的右边);如果float:right,那么第一个元素将漂浮到最右边,同理,第二个元素跑到这行来显示,由于第一个元素不再在最左边,所以第二个元素可以名正言顺地坐上头把

标签:

CSS常用优化技巧

   一.使用css缩写  使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。   二.明确定义单位,除非值为0  忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例

标签:

css语法结构、属性和选择符

   CSS属性和选择符  css的语法结构仅仅有三部分组成:选择符(Selector)、属性(property)、和值(value)。  使用方法:  selector {Property:value;}  选择符(Selector)指这组样式编码所要针对的对象,可以是一个XHTML标签,如body,h1;也可以是定义了特定的ID或CLASS的标签,如#main选择符表示选择<d

标签:

    同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋,下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法.    CSS常见的让元素水平居中显示方法    用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋.让我们先来看

标签:

当鼠标停留在一个地方时出现手形状,类似于链接可以在CSS上增加下面样式就可以了:cursor:pointer

标签:

IE9下table border-collapse对input[type="button"]的影响

  最近项目中发现的一个问题  一个置于table td里面的input[type=“button”],设置了box-shadow:0 1px 0 rgba(95, 50, 0, 0.7);,发现在IE9下神奇般的消失了,经过反复测试、纠结,始终找不到原因。  后面使用排除的方法,发现:IE9下,input[type=“button”]会受到tabl

标签:

为Web文档添加样式的方法:智能选择器和语义化的CSS

“结构永远服从于功能,这是不变的法则”,建筑工程师“摩天大楼之父”Louis Sullivan如是说。因为工程师不希望让无辜的人们被碾压在巨大的建筑物下,这种大拇指式的规则是相当有用的。在设计中你应该总是以功能为重,然后让结构在结果中呈现。如果你以结构为重,虽然这能够建造出一栋漂亮的摩天大楼,但代价是埋下了许多相当危险的种子。这些都是关于建筑师的,那

如何使用css2less进行CSS代码减肥提升前端性能

随着越来越多的CSS预处理器的普及,一些新的工具和应用程序,基本上使得网页设计师或开发人员的开发工作更轻松,像这样的工具:CSS2Less。今天就分享一些这个工具的使用,css2less是一个用 Ruby 开发的小工具用来将 css 转成 Less CSS 格式的文件。使用工具这个工具可以让我们自己的CSS代码输入后给CSS代码减肥。所以让我给它一个尝试。有一个文件要转换,下面是CSS代码。 n

标签:

Css兼容性问题之CSS hack:区分IE6,IE7,IE8,firefox

selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property  当然,注意顺序。根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个: CS

标签:

  主要通过为标签添加HTML5中的contenteditable属性达到此效果(contenteditable:规定是否允许用户编辑内容),很棒的是,此属性IE也会支持,所以不用再为兼容问题太去纠结了。  DEMO:  <style type="text/css">  .demoEdit{border:1px solid #dddddd;width:450px;m

标签:

四大问题影响DIV+CSS布局网站的代码SEO优化

  DIV+CSS网页布局有很多值得学习的地方,那么他对SEO有何影响呢,本文就SEO与DIV+CSS布局的关系,向大家描述一下DIV+CSS网页布局对SEO的四大影响,相信本文介绍一定会让你有所收获。  DIV+CSS网页布局对SEO的四大影响  作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与

标签:

IE6下css的float属性浮动与margin属性的兼容问题

  昨天同事在制作网页的时候遇到了一个问题,在一个div里面的的li浮动后,这个div写的margin属性在ie6里面就不起作用了,在网上查了下,大家都说这是ie6的bug,很多人都说用padding来解决,其实在具体情况下,padding是不能解决margin的。所以必须找其他的办法。终于在网上看到了一篇文章,最后吧这个问题给解决了。  另一个IE6关于浮动、margin-bottom的兼容问题,在做页面的时候遇到如下问题:  代码:  <!DOCTYPE html PUBLIC &qu

标签:

  解决XHTML+CSS兼容性的五个方案!  1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:  div{margin:30px!important;margin:28px;}  注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:  div{maring:30p

标签:

送大家一个纯CSS无图片带箭头的DIV方框

 <html><head><title>纯CSS无图片带箭头的DIV方框</title><style>div.container{position:absolute;top:30px;left:40px;font-size: 9pt;display:block;height:100px;width:200px;backgroun

标签:

DIV+CSS容易犯的十个错误 你肯定犯了

  DIV+CSS是网站标准(或称“Web标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经

标签:

让IE支持CSS3圆角的方法有很多方法

  如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。  本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍一种实用的

标签:

美工设计网站需要思考的5个目标

  在生活中,拥有目标是非常重要的。  特别对于网站设计而言,因为没有目标就没有动力,更无法衡量你的成功与否。 目标有助于设计师专注于重要的事情,把握设计方案的走向。目标能帮助设计者设计出令人眼前一亮的网站。  设计任何一个网站,过程都是大同小异的:我完成了一份设计稿,然后把它交给客户。虽然在一开始,我有我的创意,客户有客户的需求,但是我知道我会在 最后交出一份令人满意的答卷。 之后的步骤大径相同

标签:

是什么影响了css的渲染速度?

   你对CSS渲染速度的概念是否了解,这里和大家分享一下10条影响CSS渲染速度的写法,相信本文介绍一定会让你有所收获。  10条影响CSS渲染速度的写法  这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。  1、*{}#zishu*{}尽量避开  由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方

标签:

分页:«12»