border-image相关内容

使用变换比例功能时出现白线

我正在使用 border-image 属性创建具有9切片的样式化组件.我也使用css transform:scale(x)属性根据屏幕尺寸缩小/放大我的元素.我遇到的问题是,当将scale设置为1、2、3等整数时,我的9切片组件看起来很好,但是如果它是浮点型,则边框显示9切片线/间隙,而我很难修复它. 我尝试为 border-image-slice 和 scale 设置不同的值.最初认为,当 ..
发布时间:2021-04-26 20:40:53 前端开发

具有透明图像的CSS边框图像在Android上显示出边缘

此页面 http://wildlife.x-tremeteam.com 利用了CSS border-image属性和具有透明边缘的.png图像在我的div上创建“撕纸"外观.无论我使用的是默认浏览器还是Chrome应用程序,它都可以在我的Android(三星SIII)上运行,但效果很好.这样,我可以看到20px边框的内部和外部都有轻微的边缘.有趣的是,我看不到角落的边缘.带有边框的div的背景是透 ..
发布时间:2020-07-18 20:52:21 移动开发

边框图像停止在Safari(OS和iOS)中显示

边框图像也不再出现在OS和iOS的Safari中.我在Mac上使用Safari 10,在iPad和iPhone上使用最新版本的iOS.它确实在Firefox中显示了它在所有浏览器中显示的方式. 网站URL是: http://majesticpinescolorado.com/ #sidebar .inner{ border: 1px solid #8e8cae; -moz-bord ..
发布时间:2020-07-18 20:52:17 移动开发

当使用transfrom缩放父元素时,边框图像显示9条线

我正在使用border-image属性来创建带有9切片的样式化组件.另外,我正在使用css transform: scale(x)属性根据屏幕尺寸缩小/放大我的元素.我遇到的问题是,当将scale设置为1、2、3等整数时,我的9切片组件看起来很好,但是如果它是浮点型,则边框显示9切片线/间隙,而我很难修复它. 我尝试为border-image-slice和scale设置不同的值.最初认为,当 ..
发布时间:2020-07-18 20:52:13 前端开发

CSS边框图像渐变在Safari 10中不起作用

我遇到了Safari 10和CSS边框图像渐变的问题.它可以在所有其他浏览器中使用,甚至可以在Safari 9中使用.它甚至可以在在线模拟器中的Safari 10中显示.请查看下面的图片: (我想这是IE 11,而不是IE10.感谢您的指正!) 我以为那只是我的CSS,所以我真的简化了它,做了个小提琴.您可以在 https://jsfiddle.net/tgbuxkee/ 上看到它. ..
发布时间:2020-07-18 20:51:08 前端开发

图像上的边框图像

我想在图像上有边框图像.边框图像不是笔直的,因此叠加层应位于图像上方,而不应位于图像之后.我尝试使用z-index进行此操作,但是不起作用.边框不在我的图像上. 这是小提琴. 我已经用以下代码尝试过它: .sprocket-mosaic-image-container { position: absolute; border-style:solid; bo ..
发布时间:2020-07-18 20:51:04 前端开发

如何使CSS边框图像工作

我被卡在我的网站上的边框。我想在我的垂直菜单顶部放置一个图像,一个在底部,中间是背景,但是不工作。 这是我的代码: .border-image { border:solid transparent 10px; //我试过和没有这行 border-top-image:url(/pictures/menu_top.png)10轮; border-bottom-image:url( ..
发布时间:2017-01-15 02:23:52 前端开发