background-attachment相关内容
我正在尝试找到一个仅适用于内联img元素的背景附件的css等效效果:已修复。我已经尝试了位置:已修复,但在这种情况下,从文档流中删除图像将不起作用。 以下是我的代码: https://codepen.io/julianapong/pen/vewmzw 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> body{ height:2000p
..
我目前正在做一个视差网站主题.背景图像需要固定为某些'div'和'section'附加,以避免jquery沉迷于所有内容.问题是任何动画项目下方的标签的背景图像在转换完成时都会消失,仅在 Google Chrome 上.补救措施? 解决方案 这是一个非常普遍的未解之谜.最近我遇到了同样的问题,并且“-webkit-backface-visibility: hidden"被证明是没用的(在我
..
CSS 值转换在 Firefox 中关闭 background-attachment: fixed. 这是示例 div {变换:translate3d(0,0,0);//如果删除开始工作宽度:100%;高度:2000px;背景图片:url('http://www.wallpapereast.com/static/images/001_Fish-Wallpaper-HD_hkNsK33.
..
我正在开发 Cordova 应用程序,并试图获得固定的背景.不幸的是,它似乎不起作用,并且每当我向下滚动背景时,它就会离开页面顶部.这是我用来执行此操作的 CSS(我已经尝试了其他几种方法): html {宽度:100%;高度:100%;背景色:#000000;背景图片:url('../img/bg_reader.jpg');/* 背景重复:不重复;背景附件:固定;背景位置:中心;*/背景尺寸:
..
目标:在适用于Firefox的转换后的元素中创建固定的背景位置. 我已经尝试过此页面上的所有解决方案(以及其他一些解决方案),但没有一个起作用:固定附件背景图像在chrome中闪烁/消失加上CSS转换 我尝试使用的是静态位置,背面可见性设置,z-index设置以及其他背景附件. 演示: https://jsfiddle.net/96u9xqbn/6/ .fixed1 {
..
我正在尝试为spn Web应用程序设置背景图像,我需要固定背景(不会随页面其余部分一起滚动). 这是正文CSS: body {background-color:rgb(51,102,102);背景图片:url('../images/background.png');背景附件:固定;背景位置:中心;颜色:#eee;} IOS中的Safari和Android上的Chrome会重复背景,而
..
我正在寻找解决方案,以解决iOS设备上背景固定的问题.我宁愿不必重新设计该网站的所有内容,并且希望某些CSS更改可以解决该问题. 这是该网站在iPhone上的外观,以及.container { min-width: 320px; max-width: 480px; margin: 0 auto; } .fixed-background { height: 800px; -webkit-backgo
..
背景 (这是要求 之前,很多次。似乎每次都是由不同的原因引起的。我已经经历了大约四个不同的StackOverflow回答线程并尝试了所有方法。似乎什么都没有了,所以我认为这是一个新问题。) 无论如何,我有一个带有背景图像的HMTL元素,需要使用 background-attachment:fixed; $ b进行修复。 $ b 所有桌面浏览器-Works 移动Firefox-W
..
由于background-attachment:fixed在某些移动浏览器(例如,iOS上)上不起作用,因此有什么替代方法,尤其是在尝试实现以下演示时: http://cppforums.ludost.net/test/test.html CSS: .sec1 { 最小高度:1000像素; 背景:#222 url(’wallpaper-2959361.jpg’)无重复中心顶部固定;
..
body {高度:150vh;}#hero {位置:相对;边界:无;高度:100vh;}#hero .hero-image {background-image:url(https://images.unsplash.com/photo-1518791841217-8f162f1e1131);背景附件:固定;背景位置:中心;背景重复:不重复;背景尺寸:封面;位置:绝对;最高:0;左:0;底部:0正确
..
我在跨越浏览器100%的元素上运行了以下代码: #section_white { 背景固定:固定; background-image:url(image_url_here.jpg); 背景位置:100%100%; 背景重复:不重复不重复; background-size:cover; } 我需要做的是使图像跨过整个宽度浏览器,同时保持固定状态(从而允许内容在
..
CSS值转换在Firefox中关闭background-attachment: fixed. 这是示例 div { transform: translate3d(0,0,0); // if remove starts to work width: 100%; height: 2000px; background-image: url('http://ww
..
答案: background-attachment ----- JSBin示例 ---- 答案是使用 background-attachment 原始问题 我正在一个项目中,我们要显示一个模式,“透视”到背景,但模态面板之外的任何地方都被略微掩盖。 我已成功使用 border-radius:10010px border:10000px rgba(0,0,0,0.3)但
..
我有一个缩放到适合容器内的背景图片,当Modernizr检测到浏览器不支持背景尺寸时,我有适当的回退(未显示)。 .wrap { width:200px; height:116px; position:absolute; background-image:url(image.jpg); background-attachment:fixed; background-p
..
我有一段时间遇到这个问题,似乎是Chrome重画错误,尚未修正。 主要的问题是当页面上的元素有背景图片时,使用: background-attachment:fixed; 如果另一个元素是固定的并且有一个子视频元素,它会导致带有背景图像的元素消失。 现在它在Safari(和Firefox和IE)中正常工作,因此它不是一个webkit问题。我已经应用了几个已建
..
我有一个包含背景图片的数字列表。类似以下内容:
..
我目前在做的视差的网站主题。背景图像需要固定的某些'div的和“部分的避免jQuery的一切沉溺连接。问题是标签下面的动画项目的背景图像消失,而转型正在做,只在谷歌浏览器。解决办法? 解决方案 这是一个非常常见的未解之谜。最近我有同样的问题,而“-webkit-背面能见度:隐藏”,被证明是小于无用的(在我的“固定”附背景),由于背景,当它被设置就消失了。 (附加信息:原因在于,当背景被设定
..
我正在开发一个应用程序,科尔多瓦,我试图让一个固定的背景。不幸的是,它似乎并不奏效,而且只要我向下滚动的背景简单地熄灭页面的顶部。下面是我使用这样做的CSS(我已经尝试过其他几种方式): HTML { 宽度:100%; 高度:100%; 背景颜色:#000000; 背景图像:网址(“../ IMG / bg_reader.jpg'); / *背景重复:不
..