border-image相关内容
我正在使用 border-image 属性创建具有9切片的样式化组件.我也使用css transform:scale(x)属性根据屏幕尺寸缩小/放大我的元素.我遇到的问题是,当将scale设置为1、2、3等整数时,我的9切片组件看起来很好,但是如果它是浮点型,则边框显示9切片线/间隙,而我很难修复它. 我尝试为 border-image-slice 和 scale 设置不同的值.最初认为,当
..
此页面 http://wildlife.x-tremeteam.com 利用了CSS border-image属性和具有透明边缘的.png图像在我的div上创建“撕纸"外观.无论我使用的是默认浏览器还是Chrome应用程序,它都可以在我的Android(三星SIII)上运行,但效果很好.这样,我可以看到20px边框的内部和外部都有轻微的边缘.有趣的是,我看不到角落的边缘.带有边框的div的背景是透
..
边框图像也不再出现在OS和iOS的Safari中.我在Mac上使用Safari 10,在iPad和iPhone上使用最新版本的iOS.它确实在Firefox中显示了它在所有浏览器中显示的方式. 网站URL是: http://majesticpinescolorado.com/ #sidebar .inner{ border: 1px solid #8e8cae; -moz-bord
..
我正在使用border-image属性来创建带有9切片的样式化组件.另外,我正在使用css transform: scale(x)属性根据屏幕尺寸缩小/放大我的元素.我遇到的问题是,当将scale设置为1、2、3等整数时,我的9切片组件看起来很好,但是如果它是浮点型,则边框显示9切片线/间隙,而我很难修复它. 我尝试为border-image-slice和scale设置不同的值.最初认为,当
..
Safari将border-color:transparent视为覆盖border-image,而在Chrome和Firefox中则相反. (如果border-color是不透明或半透明的颜色,则Safari与其他浏览器是一致的.rgba(0,0,0,0)的行为与transparent相同.我不知道IE的作用.)具体来说,此代码段: #wrapper { background-color:
..
我遇到了Safari 10和CSS边框图像渐变的问题.它可以在所有其他浏览器中使用,甚至可以在Safari 9中使用.它甚至可以在在线模拟器中的Safari 10中显示.请查看下面的图片: (我想这是IE 11,而不是IE10.感谢您的指正!) 我以为那只是我的CSS,所以我真的简化了它,做了个小提琴.您可以在 https://jsfiddle.net/tgbuxkee/ 上看到它.
..
我想在图像上有边框图像.边框图像不是笔直的,因此叠加层应位于图像上方,而不应位于图像之后.我尝试使用z-index进行此操作,但是不起作用.边框不在我的图像上. 这是小提琴. 我已经用以下代码尝试过它: .sprocket-mosaic-image-container { position: absolute; border-style:solid; bo
..
我想使用CSS属性“border-image”: https://developer.mozilla.org/de/docs/Web/CSS/border-image 但由于某种原因,它只填充了四个元素的角落: 我的代码: .wrap {width:400px; height:300px; margin:50px auto; position:relative;}。item {
..
我被卡在我的网站上的边框。我想在我的垂直菜单顶部放置一个图像,一个在底部,中间是背景,但是不工作。 这是我的代码: .border-image { border:solid transparent 10px; //我试过和没有这行 border-top-image:url(/pictures/menu_top.png)10轮; border-bottom-image:url(
..