首页> css

iframe背景透明

分类:前端开发2013-08-09阅读:(1734)标签:css, html
网页制作过程中,多少会做一些弹窗,弹出层的效果,有的弹出层由于内容较多,就做成单个文件,用iframe调用,但iframe默认情况下是有背景了,为了符合相应的弹窗效果,可能就需要让iframe透明。解决方法:一、在要调用的文件中设置:<body style="background-color:transparent" > 或 <body bgColor=...

合并表格边框border-collapse:collapse

分类:前端开发2013-04-03阅读:(1478)标签:css
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值: separate继承性: yes版本: CSS2JavaScript 语法: object.style.borderCollapse=”collapse”

IE7下z-index深度失效的问题

分类:前端开发2013-03-18阅读:(1598)标签:css
<p>页面中有两个不同的层,都给了z-index,一个给得很高,一个为1,可在IE7(坚决抛弃IE6用户!)下,第一个z-index值高反而被后面z-index值低的覆盖住了。这个Bug,其实是IE7渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。</p><p>父级元素加上positi...

CSS处理背景半透明-文字不透明效果

分类:前端开发2012-12-08阅读:(1650)标签:css
<p>以前在处理半透明背景,文字不透明的效果时,通常是写两个层,一个半透明的背景层,一个文字层,将文字层置于背景层上面。今天偶然看到一同行微博转发了个关于这种效果的处理办法,但内容不祥,太局限。只好自己再琢磨。</p><p>网上看到的有个方法可行,但有浏览器有差异。因此自己又改了下,添加了hack,并测试通过。</p>.box{width:50...

DIV+CSS高度自适应解决方法

分类:前端开发2012-09-17阅读:(1420)标签:css
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法。下面介绍采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。主要代码:#wr...

解读DIV+CSS网页制作误区

分类:前端开发2012-09-17阅读:(1645)标签:css, html
<p>“重构”的春风吹遍大江南北,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑。</p><p>我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越多,除了少数几本标榜“高级...

让IE6支持max-height、min-height样式属性方法教程

分类:前端开发2012-09-07阅读:(1448)标签:css
我们在写CSS的是后,经常遇到希望给一个对象给个最小值,然后自动扩展,但有些浏览器又不支持,尤其是IE6。来看看IE6 max-height、min-height不支持的解决方法。1、IE6支持max-height解决方法-IE6支持最大高度解决CSS代码:.yangshi{max-height:1000px;_height:expression((document.documentElem...

八个必须掌握的CSS布局技巧

分类:前端开发2012-09-07阅读:(1240)标签:css
<p>1.若有疑问立即检测</p><p>在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。</p><p>2.使用浮动功能时记得适当清除指令</p>...

用CSS控制字母大小写

分类:前端开发2012-08-29阅读:(1460)标签:css
制作网页中,通常会遇到一些字母需要大写,或者首个字母大写的,尤其是英文站,对字母大小写控制得比较多。用CSS控制字母大小写,可以控制单词全部大写、全部小写或者首个字母大写等。CSS控制字母大小写:text-transform: none|capitalize|uppercase|lowercase|inheritnone 默认。定义带有小写字母和大写字母的标准的文本。capitalize...

CSS简写

分类:前端开发2012-08-21阅读:(1517)标签:css
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:color:#113366 可以简写为color:#136 所有用到16进制色彩值的地方都可以使用简写,比如background-c...
前端开发