时间戳

首页 > 解决方案 > 线性渐变边框出血

css - 线性渐变边框出血

问题描述

我想知道是否有人在使用线性渐变和边界半径时遇到过边界出血问题。它还显示不同的 chrome、ie11、firefox 和 safari。有时它是部分的，有时它就像在图片中一样。预期的行为是没有边界的。 在此处输入图像描述

position: relative;    
text-align: center;
min-width: 6.59375rem;
min-height: 6.59375rem;    
width: 6.59375rem;  
height: 6.59375rem;    
border-radius: 50%;    
background-color: #00B7BD;
background-image: linear-gradient(202deg, transparent 50%, rgb(255, 255, 255) 50%), linear-gradient(90deg, rgb(255, 255, 255) 50%, transparent 50%);

标签： cssborderlinear-gradients

解决方案

推荐阅读