国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3-translate3d-模糊bug - css3怎么解決1px的邊框模糊

瀏覽:122日期:2023-07-20 15:46:40

問題描述

我這個關閉按鈕的邊框和那個叉叉都會有模糊要怎么解決css3-translate3d-模糊bug - css3怎么解決1px的邊框模糊

<p class='popmidbox'> <p class='icon_close'></p></p>.popmidbox{ width:300px; height: 200px;border: 1px solid #ccc;margin: 100px auto;position: relative;}.icon_close{ width: 16px;height: 16px;border-radius: 50%;border:1px solid #CCC;background: #fff; padding: 5px;position:absolute;top: -12px;right: -12px;z-index: 2;}.icon_close::before{ content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg); width: 1px;height: 17px;background: #ccc;overflow: hidden;position: absolute; top:5px;left: 13px;}.icon_close::after{ content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg); width: 1px;height: 17px;background: #ccc;overflow: hidden;position: absolute; top:5px;right: 13px;}

問題解答

回答1:

你這個看起來好 高端(而且也好復雜的樣子)。現在用SVG畫的邊框,感覺比較容易。

background-image: url('data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’ width=’100%’ height=’100%’><line x1=’100%’ y1=’0%’ x2=’100%’ y2=’100%’ style=’stroke:#e5e5e5;stroke-width:1’/><line x1=’0%’ y1=’100%’ x2=’100%’ y2=’100%’ style=’stroke:#e5e5e5;stroke-width:1’ /></svg>'); background-repeat: no-repeat; background-position: 0 100%;

右邊框和下邊框

http://codepen.io/charleyw/pen/qbqgQR

回答2:

可以試試將.icon_close里的所有元素設置為雙倍大小,然后對.icon_close用tranform: scale(0.5)縮小一半。

回答3:

transform: translateZ(0);

有些性能不是很高的設備,或者性能分配資源太少會這樣。強制用3D觸發硬件渲染,可能會解決。

標簽: CSS
相關文章:
主站蜘蛛池模板: 乱淫毛片 | 久久网在线 | 国外精品视频在线观看免费 | 亚洲国产欧洲精品路线久久 | 亚洲激情视频网 | 成人a在线观看 | 男女视频在线免费观看 | 国产日韩欧美精品一区 | 免费看欧美xxx片 | 欧洲女同互慰在线视频 | 2021国产精品自在拍在线播放 | 久久精品国产精品亚洲 | 免费视频日本 | 日韩欧美a级高清毛片 | 欧美一级性视频 | 亚洲看片网 | 国产亚洲精品免费 | 美女黄色片免费 | 妖精www成人动漫在线观看 | 日本免费特黄aa毛片 | 亚洲精品区在线播放一区二区 | 日本男人的天堂 | 国产主播福利精品一区二区 | 欧美成人免费全部观看天天性色 | 国产精品久久久久久久久免费观看 | 国产亚洲欧美一区二区 | 美国免费毛片 | 扒开双腿猛进入爽爽在线观看 | 免费小视频在线观看 | 亚洲日本视频在线观看 | 精品一区二区久久久久久久网站 | 欧美色成人tv在线播放 | 亚洲va久久久噜噜噜久久狠狠 | 欧美日韩中文一区二区三区 | 欧美 亚洲 另类 自拍 在线 | 久热免费在线观看 | 欧美jlzz18性欧美 | 欧美一级大片免费观看 | 国产成人精品一区二区 | 视频一区二区在线 | 99re在线精品视频 |