结构-行为-样式-Css笔记

标签：

Q: 一个Div设置为Position：relative,然后他里面的Div或者UL设置成Position：absolute,这样里面的定位就是相对父级Div了，如果父级Div不加POsition：relative 样式就会乱

1、position:absolute是根据离他最近的position:relative || sbolute || fixed 的元素定位；

Q:在IE8下使用Z-index失效，如何解决？

1、用opacity和Filter的组合替代Z-index。具体如下 ：

.label-common-delete{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.label-common-delete span{
          
           opacity: 0.2;
           -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
         position: absolute;
         left: 0;
         top: 0;
        width: 100%;
        height:100%;
}

html代码：

<a href="http://mj-staples.blog.163.com/blog/javascript:;" ng-class="{‘label-common-adddelete‘: comm.showdelete}"

class="label-common-delete" ng-show="deleteMask" ng-click="addLabelDelete(comm)">

<i></i>

<span></span>

</a>

2、让背景图片不拉伸，可以设置他的Size：

      background-size: 160px; 

3、关于Z-index

z-index是根据div的层级来对比，先对比div的级别，再对比Z-index的值；

4、适用于手机端，Css实现箭头图标：

.arrow-right:after{
content: "";width: 12px; height: 12px;

border:2px solid #ccc;

border-top-color: transparent;

border-right-color: transparent; -webkit-transform:rotate(225deg);

margin-left: 8px;

position: absolute;

right: 17px; top: 17px;
}

结构-行为-样式-Css笔记

标签：

原文地址：http://www.cnblogs.com/BigUncleTang/p/5655518.html