
css
c1552182083
这个作者很懒,什么都没留下…
展开
-
背景图片太大,显示不全
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1.jpg',sizingMethod='scale');转载 2017-09-29 15:33:31 · 5409 阅读 · 1 评论 -
css3的半透明效果
引自:http://www.divcss5.com/css-hack/c574.shtmlfilter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;filter:alpha(Opacity=50) 对win IE设置半透明效果,火狐不认。-moz-opacity:0.5; 对火狐设置半透明效果,IE不认。转载 2018-01-02 12:44:11 · 5194 阅读 · 0 评论 -
10、去掉页面底端滚动条
Html,body{overflow:hidden;}https://zhidao.baidu.com/question/113180822.html转载 2017-09-29 15:25:13 · 327 阅读 · 0 评论 -
去掉超链接点击时出现的虚线框(好像只有IE能识别)
a{outline:none:} A:active{star:expression(this.onFocus=this.blur());} A:focus{outline:0;}链接:http://blog.youkuaiyun.com/congcongsuiyue/article/details/16986355转载 2017-09-29 15:26:47 · 276 阅读 · 0 评论 -
li里面不换行
链接:http://blog.youkuaiyun.com/ystyaoshengting/article/details/45896043white-space:nowrap; //强制不换行overflow:hidden; //自动隐藏文字text-overflow: ellipsis; //文字隐藏后添加省略号-o-text-over转载 2017-09-29 15:28:11 · 2563 阅读 · 0 评论 -
怎样让不设宽度的ul居中
简单的方法必须是给UL设置一个宽度,然后margin:0 auto;但如果你非要不给他宽度的话就是给外面的DIV设置position:relative,然后给UL设置position:absolute; left:50%;top:0;margin-left:-x,这里的X是一个值,假如你的UL是一个固定的值如200,那这里就写-100px,但是你的UL又没有写宽度,那么你就只有拿值来试,试转载 2017-09-29 15:29:34 · 581 阅读 · 0 评论 -
背景不跟窗口一块上下滑动
background:url(../images/462965.jpg) no-repeat center center fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;转载 2017-09-29 15:30:17 · 232 阅读 · 0 评论 -
鼠标放上去图片会变大
http://blog.youkuaiyun.com/u014175572/article/details/51535768转载 2017-09-29 15:31:12 · 1963 阅读 · 0 评论 -
HTML标题处有一个小图片
转载 2017-09-29 15:31:58 · 2257 阅读 · 0 评论 -
响应式:在页面开头加入
meta name="viewport" content="width=device-width, initial-scale=1.0">转载 2017-09-29 15:32:20 · 371 阅读 · 0 评论 -
背景图片全屏(背景图片没有撑满屏幕)
http://blog.youkuaiyun.com/u014374031/article/details/69258208转载 2017-09-29 15:33:00 · 2252 阅读 · 0 评论 -
1、将select右边的小三角换成自己想要的样式
http://blog.youkuaiyun.com/java_zhaoyanli/article/details/52549787 1. select { 2. /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ 3. border: solid 1px #000; 4. 5. /*很关键:将默认的select选择框样式清除*/ 6.转载 2017-09-29 15:14:06 · 8650 阅读 · 0 评论 -
页面兼容性
转载 2017-09-29 15:16:50 · 310 阅读 · 0 评论 -
渐变效果
http://fangchan.news.baidu.com/background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background: linear-gradient(rgba(0,转载 2017-09-29 15:17:56 · 243 阅读 · 0 评论 -
.父元素透明不影响子元素
转载自 http://www.mamicode.com/info-detail-1313527.htmlfilter: alpha(opacity=50); /*设置ie透明度 */opacity:0.5; /* 设置火狐高版本透明度 */ -moz-opacity:.5; /* 设置火狐低版本透明度 */兼容IE:backgr转载 2017-09-29 15:20:10 · 285 阅读 · 0 评论 -
css3 阴影、文字旋转、圆角、投影
6、文字加阴影text-shadow:5px 2px 6px #000; http://www.divcss5.com/css3-style/c734.shtml文字旋转.nav a{display:inline-block;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s转载 2017-09-29 15:22:47 · 819 阅读 · 0 评论 -
内层div的边框压在外层div的边框上
原理:(1)外层div比内层div大一个像素,外层div不能有overflow:hidden样式.无标题文档ul{ height:31px; border-bottom:1px solid #ccc; padding:0; margin:0; list-style:none}li{ height:30px; border-bottom:2px solid #f00;原创 2018-01-03 20:02:22 · 1035 阅读 · 0 评论