background-attachment相关内容

背景-附件:固定的IMG等价物

我正在尝试找到一个仅适用于内联img元素的背景附件的css等效效果:已修复。我已经尝试了位置:已修复,但在这种情况下,从文档流中删除图像将不起作用。 以下是我的代码: https://codepen.io/julianapong/pen/vewmzw 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> body{ height:2000p ..
发布时间:2022-08-07 18:17:34 前端开发

固定附件背景图像在与 css 转换结合使用时在 chrome 中闪烁/消失

我目前正在做一个视差网站主题.背景图像需要固定为某些'div'和'section'附加,以避免jquery沉迷于所有内容.问题是任何动画项目下方的标签的背景图像在转换完成时都会消失,仅在 Google Chrome 上.补救措施? 解决方案 这是一个非常普遍的未解之谜.最近我遇到了同样的问题,并且“-webkit-backface-visibility: hidden"被证明是没用的(在我 ..
发布时间:2022-01-08 12:36:03 其他开发

后台附件:修复了在 android/mobile 上不工作的问题

我正在开发 Cordova 应用程序,并试图获得固定的背景.不幸的是,它似乎不起作用,并且每当我向下滚动背景时,它就会离开页面顶部.这是我用来执行此操作的 CSS(我已经尝试了其他几种方法): html {宽度:100%;高度:100%;背景色:#000000;背景图片:url('../img/bg_reader.jpg');/* 背景重复:不重复;背景附件:固定;背景位置:中心;*/背景尺寸: ..
发布时间:2021-12-15 15:30:42 移动开发

Firefox中的固定位置背景图片不适用于转换后的元素.这是FF错误吗?

目标:在适用于Firefox的转换后的元素中创建固定的背景位置. 我已经尝试过此页面上的所有解决方案(以及其他一些解决方案),但没有一个起作用:固定附件背景图像在chrome中闪烁/消失加上CSS转换 我尝试使用的是静态位置,背面可见性设置,z-index设置以及其他背景附件. 演示: https://jsfiddle.net/96u9xqbn/6/ .fixed1 { ..
发布时间:2021-04-27 19:33:52 前端开发

背景附件:固定在手机上

我正在尝试为spn Web应用程序设置背景图像,我需要固定背景(不会随页面其余部分一起滚动). 这是正文CSS: body {background-color:rgb(51,102,102);背景图片:url('../images/background.png');背景附件:固定;背景位置:中心;颜色:#eee;} IOS中的Safari和Android上的Chrome会重复背景,而 ..
发布时间:2021-04-26 19:54:32 移动开发

背景附件:已修复,不适用于iOS

我正在寻找解决方案,以解决iOS设备上背景固定的问题.我宁愿不必重新设计该网站的所有内容,并且希望某些CSS更改可以解决该问题. 这是该网站在iPhone上的外观,以及.container { min-width: 320px; max-width: 480px; margin: 0 auto; } .fixed-background { height: 800px; -webkit-backgo ..
发布时间:2021-02-08 20:24:10 移动开发

背景附件:已修复,无法正常使用-Android Chrome(v40)

背景 (这是要求 之前,很多次。似乎每次都是由不同的原因引起的。我已经经历了大约四个不同的StackOverflow回答线程并尝试了所有方法。似乎什么都没有了,所以我认为这是一个新问题。) 无论如何,我有一个带有背景图像的HMTL元素,需要使用 background-attachment:fixed; $ b进行修复。 $ b 所有桌面浏览器-Works 移动Firefox-W ..
发布时间:2020-10-12 04:11:20 移动开发

后台附加的替代方法:固定

由于background-attachment:fixed在某些移动浏览器(例如,iOS上)上不起作用,因此有什么替代方法,尤其是在尝试实现以下演示时: http://cppforums.ludost.net/test/test.html CSS: .sec1 { 最小高度:1000像素; 背景:#222 url(’wallpaper-2959361.jpg’)无重复中心顶部固定; ..
发布时间:2020-10-12 01:50:51 前端开发

背景附件:在Firefox或Edge与Chrome中已修复

body {高度:150vh;}#hero {位置:相对;边界:无;高度:100vh;}#hero .hero-image {background-image:url(https://images.unsplash.com/photo-1518791841217-8f162f1e1131);背景附件:固定;背景位置:中心;背景重复:不重复;背景尺寸:封面;位置:绝对;最高:0;左:0;底部:0正确 ..

背景附件:修复了在Safari上无法正常运行的问题

我在跨越浏览器100%的元素上运行了以下代码: #section_white { 背景固定:固定; background-image:url(image_url_here.jpg); 背景位置:100%100%; 背景重复:不重复不重复; background-size:cover; } 我需要做的是使图像跨过整个宽度浏览器,同时保持固定状态(从而允许内容在 ..

Chrome问题(与背景附件固定和位置固定元素)

我有一段时间遇到这个问题,似乎是Chrome重画错误,尚未修正。 主要的问题是当页面上的元素有背景图片时,使用: background-attachment:fixed; 如果另一个元素是固定的并且有一个子视频元素,它会导致带有背景图像的元素消失。 现在它在Safari(和Firefox和IE)中正常工作,因此它不是一个webkit问题。我已经应用了几个已建 ..
发布时间:2017-01-18 15:48:30 前端开发

固定附件背景图像闪烁/时,再加上CSS变换消失在C​​hrome

我目前在做的视差的网站主题。背景图像需要固定的某些'div的和“部分的避免jQuery的一切沉溺连接。问题是标签下面的动画项目的背景图像消失,而转型正在做,只在谷歌浏览器。解决办法? 解决方案 这是一个非常常见的未解之谜。最近我有同样的问题,而“-webkit-背面能见度:隐藏”,被证明是小于无用的(在我的“固定”附背景),由于背景,当它被设置就消失了。 (附加信息:原因在于,当背景被设定 ..
发布时间:2016-08-01 09:43:14 其他开发

背景附件:固定不工作在Android /手机

我正在开发一个应用程序,科尔多瓦,我试图让一个固定的背景。不幸的是,它似乎并不奏效,而且只要我向下滚动的背景简单地熄灭页面的顶部。下面是我使用这样做的CSS(我已经尝试过其他几种方式): HTML { 宽度:100%; 高度:100%; 背景颜色:#000000; 背景图像:网址(“../ IMG / bg_reader.jpg'); / *背景重复:不 ..
发布时间:2015-12-02 15:25:34 移动开发