第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

字體圖標未顯示，求教~

根據(jù)老師的代碼寫的，別的都沒問題，就是字體圖標沒有顯示出來，查了好久，不知道哪里出問題了，請好心人指教~
$toolbar-size:?52px;

.toolbar?{
position:?fixed;
left:?50%;
bottom:?5px;
margin-left:?-$toolbar-size?/?2;
}

.toolbar-item?{
position:?relative;
display:?block;
width:?$toolbar-size;
height:?$toolbar-size;
margin-top:?1px;

&:hover?{
.toolbar-btn?{
&:before?{
top:?-$toolbar-size;
}
&:after?{
top:?0;
}
}
&:after?{
@include?opacity(1);
@include?scale(1);
}
}

&:after?{
content:?"";
position:?absolute;
right:?$toolbar-size?-?6;
bottom:?-10px;
width:?172px;
background:?url(../imgs/toolbar_img.png)?no-repeat;
@include?opacity(0);
@include?transform-origin(95%?95%);
@include?scale(0.01);
@include?transition(all?1s);
}
}

.toolbar-item-weixin?{
&:after?{
content:?"";
height:?212px;
background-position:?0?0;
}

.toolbar-btn?{
&:before?{
content:?"\e900";
}
&:after?{
content:?"公眾\A賬號";
}
}
}

.toolbar-item-feedback?{
.toolbar-btn?{
&:before?{
content:?"\e901";
}
&:after?{
content:?"意見\A反饋";
}
}
}

.toolbar-item-app?{
&:after?{
content:?"";
height:?194px;
background-position:?0?-222px;
}

.toolbar-btn?{
&:before?{
content:?"\e903";
}
&:after?{
content:?"APP\A下載";
}
}
}

.toolbar-item-top?{
.toolbar-btn?{
&:before?{
content:?"\e902";
}
&:after?{
content:?"返回\A頂部";
}
}
}

.toolbar-btn?{
position:?absolute;
left:?0;
top:?0;
width:?$toolbar-size;
height:?$toolbar-size;
overflow:?hidden;

font-family:?'icomoon'?!important;
speak:?none;
font-style:?normal;
font-weight:?normal;
font-variant:?normal;
text-transform:?none;
line-height:?1;

/*?Better?Font?Rendering?===========?*/
-webkit-font-smoothing:?antialiased;
-moz-osx-font-smoothing:?grayscale;

&:before?{?
content:?"";
position:?absolute;
left:?0;
top:?0;
width:?$toolbar-size;
height:?$toolbar-size;
background-color:?#D0D6D9;
font-size:?30px;
color:?#fff;
text-align:?center;
line-height:?$toolbar-size;
@include?transition(top?1s);
}

&:after?{?
content:?"";
position:?absolute;
left:?0;
top:?$toolbar-size;
width:?$toolbar-size;
height:?$toolbar-size;
background-color:?#98A1A6;
font-size:?12px;
color:?#fff;
text-align:?center;
line-height:?1.2;
padding-top:?12px;
@include?transition(top?1s);
white-space:?pre;
}
}

正在回答

6 回答

解決方法

https://blog.csdn.net/mxf_bear/article/details/80505295

0 回復 有任何疑惑可以回復我~

@font-face {

? font-family: 'icomoon';

? src: ?url('fonts/icomoon.eot?bmt6bq');

? src: ?url('fonts/icomoon.eot?bmt6bq#iefix') format('embedded-opentype'),

? ? url('fonts/icomoon.ttf?bmt6bq') format('truetype'),

? ? url('fonts/icomoon.woff?bmt6bq') format('woff'),

? ? url('fonts/icomoon.svg?bmt6bq#icomoon') format('svg');

? font-weight: normal;

? font-style: normal;

}

這段加載css代碼里

0 回復 有任何疑惑可以回復我~

解決了沒？？ ? 遇到同樣的問題了，求告知

0 回復 有任何疑惑可以回復我~ 
$toolbar-size:?52px;
.toolbar?{
??position:?fixed;
??left:?50%;
??bottom:?5px;
??margin-left:?-$toolbar-size?/?2;
}
.toolbar-item?{
??position:?relative;
??display:?block;
??width:?$toolbar-size;
??height:?$toolbar-size;
??margin-top:?1px;
??&:hover?{
????.toolbar-btn?{
??????&:before?{
????????top:?-$toolbar-size;
??????}
??????&:after?{
????????top:?0;
??????}
????}
????&:after{
??????@include?opacity(1);
??????@include?scale(1);
????}
??}
??//二維碼
??&:after?{
????content:?"";
????position:?absolute;
????right:?$toolbar-size?-?6;
????bottom:?-5px;
????width:?172px;
????background-image:?url(../img/toolbar_img.png);
????background-repeat:?no-repeat;
????@include?opacity(0);
????@include?transform-origin(95%?95%);
????@include?scale(0.01);
????@include?transition(all?1s);
??}
}
.toolbar-item-weixin?{
??.toolbar-btn?{
????&:before?{
??????content:?"\e900";
????}
????&:after?{
??????content:?"公共\A賬號";
????}
??}
??&:after?{
????content:?"";
????height:?210px;
????background-position:?0?0;
??}
}
.toolbar-item-feedback?{
??.toolbar-btn?{
????&:before?{
??????content:?"\e96e";
????}
????&:after?{
??????content:?"用戶\A反饋";
????}
??}
}
.toolbar-item-app?{
??.toolbar-btn?{
????&:before{
??????content:?"\e958";
????}
????&:after?{
??????content:?"app?\A下載";
????}
??}
??&:after?{
????content:?"";
????height:?190px;
????background-position:?0?-220px;
??}
}
.toolbar-item-top?{
??.toolbar-btn?{
????&:before?{
??????content:?"\ea25";
????}
????&:after?{
??????content:?"返回\A頂部";
????}
??}
}
.toolbar-btn?{//圖標字體元素的父元素
??position:?absolute;
??left:?0;
??top:?0;
??width:?$toolbar-size;
??height:?$toolbar-size;
??overflow:?hidden;
??//font字體圖標里面的公共樣式
??font-family:?'icomoon'?!important;
??speak:?none;
??font-style:?normal;
??font-weight:?normal;
??font-variant:?normal;
??text-transform:?none;
??line-height:?1;
??/*?Better?Font?Rendering?===========?*/
??-webkit-font-smoothing:?antialiased;
??-moz-osx-font-smoothing:?grayscale;
??//icon圖標字體
??&:before?{
????content:?"";
????position:?absolute;
????left:?0;
????top:?0;
????width:?$toolbar-size;
????height:?$toolbar-size;
????background-color:?#d0d6d9;
????font-size:?30px;
????color:?#ffffff;
????text-align:?center;
????line-height:?$toolbar-size;
????@include?transition(top?1s)
??}
??//text圖標文字
??&:after?{
????content:?"";
????position:?absolute;
????left:?0;
????top:?$toolbar-size;
????width:?$toolbar-size;
????height:?$toolbar-size;
????background-color:?#98a1a6;
????font-size:?12px;
????color:?#ffffff;
????text-align:?center;
????line-height:?1.2;
????padding-top:?12px;
????@include?transition(top?1s)
??}
??white-space:?pre;
}

圖片路徑出現(xiàn)問題了，你找到的圖標路徑，添加進去就行

0 回復 有任何疑惑可以回復我~

路徑問題。。。。（表示找了倆小時才知道怎么回事）

在css文件最上面添加上圖標的style文件中的定義路徑的（就是。。。

@font-face?{
????font-family:?'icomoon';
????src:????url('fonts/icomoon.eot?qf81d4');
?src:????url('fonts/icomoon.eot?qf81d4#iefix')?format('embedded-opentype'),
?????????url('fonts/icomoon.ttf?qf81d4')?format('truetype'),
?????????url('fonts/icomoon.woff?qf81d4')?format('woff'),
?????????url('fonts/icomoon.svg?qf81d4#icomoon')?format('svg');
}

表示現(xiàn)在只知道這樣做

（心里好苦）


1 回復 有任何疑惑可以回復我~
#1

zwarvin

確定是這樣？ 我圖片路徑是這樣的，文件目錄也沒有問題，真心找出什么問題啊，已經(jīng)磨了一兩個小時了
2016-08-16 回復 有任何疑惑可以回復我~
#2

LiuYina 回復 zwarvin

那你試試用絕對路徑，，也就是在哪個盤，那個文件中 就好像 url('D:/***/***/*****/fonts/icomoon.eot?qf81d4#iefix')
2016-08-17 回復 有任何疑惑可以回復我~
#3

zwarvin 回復 LiuYina

還是不行
2016-08-17 回復 有任何疑惑可以回復我~

如右圖：http://img1.sycdn.imooc.com//56e7eb75000144a603290283.jpg

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

字體圖標未顯示，求教~

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號