国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

Julylovin / 2675人閱讀

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

前言

在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了 1 絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在 Chrome 上就不會(huì)出現(xià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ì)找問題，找出來了，我在 ::after 內(nèi)寫的是 border-bottom ，也就是說，在縱向壓縮的時(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://specialneedsforspecialkids.com/yun/103181.html

相關(guān)文章

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

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

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

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

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

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

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

    摘要：以下為正確示例規(guī)則說明與示例規(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屬性來改。 配合 ...

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

  • 【譯】22個(gè)必備的CSS小技巧

    摘要：當(dāng)它被選中時(shí)，一個(gè)設(shè)置在里的編碼的字符將會(huì)顯示出來。接著為我們的復(fù)選框添加一些動(dòng)畫效果這里是所有的編碼，以及可以在這里進(jìn)行體驗(yàn)。這是一個(gè)新的叫做的表達(dá)式。設(shè)置介于和之間的最大最小值。至今并未得到全面的支持。 原文鏈接：22 Essential CSS Recipes更多譯文將陸續(xù)推出，歡迎點(diǎn)贊+收藏+關(guān)注我的專欄，未完待續(xù)…… 大家好，今天我們將會(huì)介紹一些非常實(shí)用的CSS小技巧，讓我...

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

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

0條評(píng)論

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