1 PS：input屬性有很多，所以大家在設(shè)置樣式的時(shí)候一定要區(qū)分類型來(lái)設(shè)置樣式(樓主真的吃了很多虧（^^）銘記在心一輩子)

?? .table input[type=text]{
??? width: 80px;
??? border-radius: 3px;
?? }

2 PS :遮罩層問(wèn)題 ，想遮住誰(shuí)就放在誰(shuí)的下面，這個(gè)放的位置真的很重要啊 <div class="loading"></div> /*加載中*/
.loading{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 600px;
z-index: 20000;
background-image:url("../images/loading.gif");
background-position:center center;
background-repeat: no-repeat;
}
3 PS :Thead固定 tbody滑動(dòng) （如果上下不對(duì)齊 只要上下都給上寬度就好了）
/*表格thead固定*/
.fixThead>table>thead{
??? overflow-x: auto;
}
.fixThead>table>tbody{
??? display: block;
??? height: 340px; //height高度必須設(shè)定 可以動(dòng)態(tài)獲取
??? overflow-y: auto;
??? overflow-x: auto;
}
.fixThead>table>thead {
??? display:table; 此元素會(huì)作為塊級(jí)表格來(lái)顯示（類似 <table>），表格前后帶有換行符。
??? width:99%; //為什么是百分之九十九呢 因?yàn)橄旅娉鰸L動(dòng)條的時(shí)候會(huì)占一個(gè)位置
??? table-layout:fixed;
}
.fixThead>table>thead>tr {
??? display:table;
??? width:100%;
??? table-layout:fixed;
}
.fixThead>table>tbody>tr {
??? display:table;
??? width:100%;
??? table-layout:fixed;
}
.fixThead>table>thead>th, .fixThead>table>tbody>tr>td{
??? text-align: left !important;
??? overflow-x:hidden;
??? overflow-x: hidden;
??? white-space:nowrap;
}
4 boxshadow四周加陰影
box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

? 基本語(yǔ)法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

? 對(duì)象選擇器 {box-shadow:[投影方式] X軸偏移量 Y軸偏移量陰影模糊半徑 陰影擴(kuò)展半徑 陰影顏色}

? ps(參數(shù)詳解 此樣式有兼容想問(wèn)題)

? 陰影類型：此參數(shù)可選。如不設(shè)值，默認(rèn)投影方式是外陰影；如取其唯一值“inset”，其投影為內(nèi)陰影；

? X-offset:陰影水平偏移量，其值可以是正負(fù)值。如果值為正值，則陰影在對(duì)象的右邊，其值為負(fù)值時(shí)，陰影在對(duì)象的左邊；

? Y-offset:陰影垂直偏移量，其值也可以是正負(fù)值。如果為正值，陰影在對(duì)象的底部，其值為負(fù)值時(shí)，陰影在對(duì)象的頂部；

? 陰影模糊半徑：此參數(shù)可選，，但其值只能是為正值，如果其值為0時(shí)，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊；

? 陰影擴(kuò)展半徑：此參數(shù)可選，其值可以是正負(fù)值，如果值為正，則整個(gè)陰影都延展擴(kuò)大，反之值為負(fù)值時(shí)，則縮小；

? 陰影顏色：此參數(shù)可選。如不設(shè)定顏色，瀏覽器會(huì)取默認(rèn)色，但各瀏覽器默認(rèn)取色不一致，特別是在webkit內(nèi)核下的safari和chrome瀏覽器下表現(xiàn)為透明色，在Firefox/Opera下表現(xiàn)為黑色（已驗(yàn)證），建議不要省略此參數(shù)。

?ps(兼容性問(wèn)題詳解)【火狐3.5+? IE9+】

???? ? ? -moz-box-shadow:投影方式?X軸偏移量?Y軸偏移量陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;??

???? ? ? -webkit-box-shadow:投影方式?X軸偏移量?Y軸偏移量陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;?

?????????box-shadow:??投影方式?X軸偏移量?Y軸偏移量?陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/supershare/p/6706441.html

總結(jié)

以上是生活随笔為你收集整理的数据脱敏项目中遇见的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。