首页> 前端开发

Margin外边距重叠效果

分类:前端开发2014-02-14阅读:(1689)标签:css
就是在竖直方向,当两个元素的外边距连在一块时,两者的距离并不是两者margin之和,而是取最大margin为准;对于浮动的元素,外边距不存在重叠效果,也就是说,上下边距为两者的margin之和。

IE6下div高度设置无效解决方法

分类:前端开发2014-02-14阅读:(1868)标签:css
div最小高度在IE6下字体大小的限制,一般字体大小在12-14px之间,那么你设置div高度是10px或以下,则不会显示这个高度,默认还是要显示14px的高度。解决:设置字体大小font-size:0;考虑极端情况,div高度设置为0,则font-size:0;在IE6里边不会显示0的div高度;解决:因为div有内容溢出,overflow:hidden即可。综上最简单有效的方法,用ove...

图片垂直居中对齐align=absmiddle

分类:前端开发2013-09-12阅读:(1842)标签:html
经常有遇到文字和小图片要垂直居中,以前只知道有valign=“middle”,一直以为这个就是垂直居中,但事实图片根本不能和文字居中。后来发现垂直对齐方式是下面这样的。成员名称 说明AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。AbsMiddle 图像的中间与同一行中最大元素的中间对齐。Baseline ...

iframe背景透明

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

UTF-8和GBK编码的区别

分类:前端开发2013-05-08阅读:(1811)标签:html
<p>UTF-8编码则是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24位(三个字节)来编码。对于英文字符较多的论坛则用UTF-8节省空间;GBK的文字编码是双字节来表示的,即不论中、英文字符均使用双字节来表示,只不过为区分中文。</p><p>UTF-8编码的文字可以在各国各种支持UTF8字符集的浏览器上显示;GBK是在国家...

兼容IE和chrome的网页变灰滤镜效果

分类:前端开发2013-04-21阅读:(1872)标签:html
兼容IE和chrome的网页变灰滤镜效果:<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}</style>

合并表格边框border-collapse:collapse

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

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

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

用注释判断IE版本执行程序

分类:前端开发2012-11-27阅读:(1650)标签:html
<p>在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p><p>同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、ie6和I...
前端开发