css - 背景重复:当父母变得太宽时,空间似乎停止工作
问题描述
我一直space
在round
玩弄background-repeat
. 从理论上讲,这应该意味着我可以使用径向渐变在元素上创建一个漂亮的虚线边框,而不会切断点。
.test {
background-repeat: space no-repeat;
background-size: 20px 10px;
background-image: radial-gradient(circle closest-side, red calc(100% - 1px), transparent 100%);
transition: background-image 0.5s linear;
padding-bottom: 10px !important;
background-position: left top;
resize: both;
overflow: auto;
border: 2px solid;
padding: 20px;
width: 310px;
}
https://jsbin.com/momiwokena/1/edit?css,输出
它在 Chrome 中运行良好,但在 Safari 中,一旦元素变得太宽,它就会停止工作,从而导致右侧的点被截断。
如何让 Safari 不切断点?
编辑:这是苹果提出的。
解决方案
推荐阅读
- c++ - 对无符号变量进行算术运算会产生有符号值,这是标准行为吗?
- python - 如何从 .csv 文件导入一组 .obj 文件,然后将它们移动、缩放和旋转到位?
- primefaces - 当时过滤排序,Primefaces Datatable报错
- swift - 以编程方式关闭大写锁定
- kendo-ui - 窗口中的简单 Kendo DropDownList 绑定
- google-apps-script - 每次运行脚本时如何增加脚本中引用的单元格?
- python - NameError:写入文件时未定义名称“write”
- java - 不支持的事件循环组类型:使用 pgjdbc-ng 的 NioEventLoopGroup
- templates - 在 Marketo 中更改模板后如何有效更新所有登陆页面?
- ruby-on-rails - 有没有办法防止每次实例化模型时都触发漂亮的打印宝石?