super胡 img{ /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);IE专属 */filter:alpha(opacity=50);/*IE*/-moz-opacity:0.5;/*firefox*/opacity: 0.5;/*chrome*/ } 需要声明的是，如果你要同时使用filter和-ms-filter，请将-ms-filter写在filter的前面
针对ie6下png背景显示问题,CSS中可以这样解决:_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’http://www.0351zhuangxiu.com/uploads/images/bj.jpg’); _ css hack只有ie6能识别
改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;}::selection {background:#FF0000;color:#FFFFFF;}code::-moz-selection {background:#FF0000;color:#FFFFFF;}code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/html,body{ padding:0px; margin:0px; background:#fff; moz-user-select: -moz-none; -moz-user-select: none; -o...
遇到这个问题了，记录下，备用~文章来源:http://www.lxway.com/846165591.htm---------------------------隐藏文本框阴影: input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时，会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 移动端网站或APP点击后出现闪动或灰色背景 只需对绑定事件添加class样式 使其触发...
手机端现在的一些应用会运用上这样一个效果，就是duang的一下出现一个圆变大直到填充整个div，动感十足。 想到css3的scale属性，就自己来实现一下。 css样式,用border-radius属性设置圆，改为用背景透明的白色大圆形能达到同样的效果: .anim{ position: absolute; border-radius: 50%; height:1200px; width:1200px; background-color: #fff; border-radi...
起初是在处理一个图片显示的问题, 图片没有有一部分没有显示出来, 之后用到了background-size, 发现有必要总结一下。 background-size 首先声明 background-size是一个css3属性。 翻译过来很容易就知道它是用来规定背景尺寸的。 关于浏览器兼容性 IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+。 用法 background-size有4个值分别是(length | percentage | cover | con...
譬如对于 AAA BBB CCC DDD EEE FFF 我在自己创建的样式表 .test li { color:#000000; float: none; width: 200px; background: #f9f2f4; margin-bottom: 3px; line-height: 80px; } 问题：怎么样设定li标签在这种情况下背景颜色变成另外的。 譬如用bootstrap的样式表的时候，在给定的 ...
1、横向布局，分三列，左、中、右 2、中间列 图片A作为背景（宽度960）。 内容都放置在这里面。 3、左列由图片B填充为背景 宽度为1，高度若干，横向拉伸 4、右列由图片C填充为背景 宽度为1，高度若干，横向拉伸 以上4点是由于图片A的左侧边缘和右侧边缘不一样，所以两侧需要有不同的2张图片向左右延伸出去（填满屏幕），以便用户在不同分辨率下可以比较舒坦。 ...
CSS设置背景图片代码:设置背景图片并不难，但是有时候会忘记url的格式怎么写，之所以写这篇文章，就是让忘记者查询到，寄希望提供一定的帮助。代码如下: background-image:url(mytest/demo/small.jpg) 相关阅读:1.background属性可以参阅background属性用法详解一章节。 2.background-image可以参阅CSS的background-image属性一章节。 原文地址是:http://www.softwhy.com/forum.php?mod=viewthre...
背景。元素的背景显示区域在内容区和内边距区，并且边框是画在背景之上的。这就是说如果边框的样式是dotted之类的，则边框空隙之间是可以看到背景的。 可以设置背景的声明有：background-color、background-image、background-position、background-repeat、background-attachment、background-origin等等。 首先background-color，这个顾名思义就是设置一个背景纯色，这个背景纯色是放在背景最底层的，若是有个背景图案那么...
CSS实现的鼠标经过链接切换背景图片实例代码:很多导航栏都有这样的效果，当鼠标滑过的时候能够实现背景图片的切换，算是一个比较好的效果吧，也算是对导航栏最基本的美化了。代码实例如下: 蚂蚁部落ul li{ list-style:none; width:150px; height:30px; line-height:30px; text-align:center; float:left; margin-left:5px;}ul li a{ display:block; width:150px; height:30px; text-decoration:none; bac...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下，知其然也知其所以然。 IE8-特点： 1.不支持"opcity:0.5;"这种写法，只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值（除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本身或其祖先节点（这些祖先节点是背景元素的后代节点）没有设置css定位...
鼠标滑过链接a实现背景变色代码:链接自然大家都不陌生，很多将就美观度的网站，详尽各种办法在各种细节上做文章，当然链接也不会放过，很常见的一个措施就是当鼠标滑过链接的时候，能够让链接的背景变色，下面是一段这样的代码实例。代码如下: 蚂蚁部落.link a{color:#000}.link a:hover { color:#FFF; background:#00F}蚂蚁部落 以上代码实现了我们的要求，只要鼠标滑过链接，就会实现背景变色效...
CSS实现的鼠标悬浮整行背景变色代码:在新闻列表形式的不居中，为了清晰的分辨每一行，一般当鼠标悬浮在一行上的时候，能够实现当前行整行变色，下面就通过代码实例简单介绍一下如何实现此效果，代码如下: 蚂蚁部落a.menulink { display:block; width:198px; text-align:left; text-decoration:none; font-family:arial; font-size:12px; color:#000000; border:none; border:solid 1px #ffffff;}a.menu...
适逢元旦假期，妹子逛街吃火锅看电影陪女朋友之际，像风一样的写完了这篇文章！文章画风略微粗糙，但是这个动画的实现还是很费了一番脑子的，话说程序猿之间交流并不需要过多解释，上代码就搞定。 首先说一下我们这个要实现的圆环进度动画，有三个特点： 1、背景是透明的，所以用遮挡实现的方法就不用考虑了； 2、圆环颜色是有透明度的，所以用两个半圆环实现大于180度的圆环效果不能有叠加部分； 3、最好用纯css3简洁的实现。 ...