
css
文章平均质量分 51
cirplan
混乱的程序猿
展开
-
CSS - firefox与IE透明度(opacity)设置区别
IE:filter:alpha(opacity=sqlN)其中 sqlN的值域为[0, 100]js: ieNode.style.filter="alpha(opacity=sqlN)"; Firefox:/*参考,不推荐使用*/-moz-opacity:sqlN其中sqlN的值域为[0, 1]Firefox,Chrome和Safari:opacity:sqlN其中sqlN的值域为[0, 1]j原创 2013-08-05 20:12:05 · 723 阅读 · 0 评论 -
IE6/IE7下:inline-block解决方案
IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时,所有的浏览器都支持;2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行,允许空格。(准确地说,应用此特性的元原创 2013-08-05 20:11:58 · 607 阅读 · 0 评论 -
【转载】transform使用参考指南
语法 transform :none | [ ]* 取值 指定一个身份转变 说明 应用于block水平和inline水平的元素。 transform可以对元素进行角度旋转和缩放,请使用webkit内核最新版浏览器浏览该文章以保证CSS3效果能够完全呈现 在设置了transform属性后,可以设置transform-origin属性,这个属性控制变形时的源点,也就是变形时围绕的点。这个属性接受两个转载 2013-08-05 20:11:45 · 642 阅读 · 0 评论 -
【转载】深入了解CSS3中的Transform属性
随着网络的发展,浏览器具有更强的渲染更高级代码的能力,我们正逐步实现跨越所有平台和浏览器的目标。我们不但可以要花费更少的时间来确保我们的盒模型在IE6中看起来正常,而且形成了鼓励创新、避免hack、重前端脚本的氛围。 网络是一个非常好的环境,也是一个有丰富的知识来分享的协作社区。我们想要有圆角 ,我们就实现了它;我们想要 多背景图片,我们实现了它;我们想要 边框图片,我们也让它实现了。所以需求转载 2013-08-05 20:11:22 · 698 阅读 · 0 评论 -
解决ie6、ie7下float为right换行的情况
IE6下有不少奇怪的Bug,今天就碰到一个,float:right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法:实例说明下:html结构如下左边中间右边.left和.center都没有 float 属性,然后在FireFox,google chrome及IE原创 2013-08-05 20:12:03 · 1050 阅读 · 0 评论 -
CSS3属性之二:box-shadow
语法:box-shadow: || 取值: ? ? || :阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明:设置块阴影box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。box-shadow的四个参数:x-offset x轴偏移y-offset原创 2013-08-05 20:11:54 · 587 阅读 · 0 评论 -
区分innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性
window对象:(1)innerHeight属性:窗口中文档显示区域的高度,不包括菜单栏、工具栏等部分。该属性可读可写。 IE不支持该属性,IE中body元素的clientHeight属性与该属性相同。(2)innerWidth属性:窗口中文档显示区域的宽度,同样不包括边框。该属性可读可写。 IE不支持该属性,IE中body元素的clientWidth属性与该属性相同。原创 2013-08-05 20:11:52 · 1053 阅读 · 0 评论