亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

::after 1px 間隔線在 Safari 顯示顏色不同于其它的問(wèn)題

nemo / 508人閱讀

摘要：前言在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在上就不會(huì)出現(xiàn)這問(wèn)題。解決細(xì)找問(wèn)題，找出來(lái)了，我在內(nèi)寫的是，也就是說(shuō)，在縱向壓縮的時(shí)候，壓縮的是。換成用，也就是用的主體。

前言

在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了 1 絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在 Chrome 上就不會(huì)出現(xiàn)這問(wèn)題。

width: 100%;
bottom: 0;
left: 0;
content: "";
display: block;
border-bottom: 1px solid #8E8E93;
position: absolute;
transform-origin: 0 100%;
transform: scaleY(0.5);

解決

細(xì)找問(wèn)題，找出來(lái)了，我在 ::after 內(nèi)寫的是 border-bottom ，也就是說(shuō)，在縱向壓縮的時(shí)候，壓縮的是 border。
換成用 background-color ，也就是用 after 的主體。

width: 100%;
bottom: 0;
left: 0;
content: "";
display: block;
background-color: #8E8E93;
height: 1px;
position: absolute;
transform-origin: 0 100%;
transform: scaleY(0.5);

完成

對(duì)比

前

后

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/116060.html

相關(guān)文章

  • ::after 1px 間隔線在 Safari 顯示顏色不同于其它的問(wèn)題

    摘要：前言在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在上就不會(huì)出現(xiàn)這問(wèn)題。解決細(xì)找問(wèn)題，找出來(lái)了，我在內(nèi)寫的是，也就是說(shuō)，在縱向壓縮的時(shí)候，壓縮的是。換成用，也就是用的主體。 前言 在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了 1 絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在 Chrome 上就不會(huì)出現(xiàn)這問(wèn)題。 width:...

    chnmagnus 評(píng)論0 收藏0

  • ::after 1px 間隔線在 Safari 顯示顏色不同于其它的問(wèn)題

    摘要：前言在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在上就不會(huì)出現(xiàn)這問(wèn)題。解決細(xì)找問(wèn)題，找出來(lái)了，我在內(nèi)寫的是，也就是說(shuō)，在縱向壓縮的時(shí)候，壓縮的是。換成用，也就是用的主體。 前言 在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了 1 絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在 Chrome 上就不會(huì)出現(xiàn)這問(wèn)題。 width:...

    Julylovin 評(píng)論0 收藏0

  • csslint 語(yǔ)法建議規(guī)則

    摘要：以下為正確示例規(guī)則說(shuō)明與示例規(guī)則此規(guī)則意在防止在及早期游覽器上因?yàn)榻馕鲎煮w鏈接的而產(chǎn)生的錯(cuò)誤。如下這里類指明了背景圖片，其它類則指明背景圖片的位置。 文章為csslint中文版譯文，點(diǎn)擊原文可查看英文版，如遇到翻譯錯(cuò)誤或錯(cuò)別字啥的，請(qǐng)留言指出~ 規(guī)則列表如下 adjoining-classes box-model box-sizing bulletproof-font-face co...

    leoperfect 評(píng)論0 收藏0

  • 偏門卻又實(shí)用的 CSS 樣式

    摘要：實(shí)現(xiàn)不換行自動(dòng)換行強(qiáng)制換行不換行自動(dòng)換行強(qiáng)制換行常用的選擇器以下代碼是選擇父類下第一個(gè)子節(jié)點(diǎn)，元素，建議學(xué)習(xí)這個(gè)樣式屬性的使用，很實(shí)用的。不允許負(fù)值用百分比指定起止色位置。::-Webkit-Input-Placeholder input 的 H5?placeholder?屬性，很好用，但不能直接改這個(gè)文字顏色，所以目前的解決方法就是用::input-placeholder屬性來(lái)改。 配合 ...

    Michael_Ding 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

nemo

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<