cost 232 ms
如何在两端的Background repeat-x设置上使用CSS作为“Left Slanted Stripe” - How to using CSS for "Left Slanted Stripe" on Background repeat-x setting for both ends

我正在尝试使用 CSS 制作左斜条纹。 我不知道如何使两端不像我附上的下图那样清楚地显示出来。 左斜条纹的想法 我可以重复使用 CSS 计算图像数量吗? 我能得到一些帮助吗? .stripe { width: 100%; height: 2em; background: sla ...

尽管滚动时“不重复”,但渐变背景仍会重复 - Gradient background repeats despite having “no-repeat” when I scroll

我已经尝试在这里搜索答案,但对于其他问题的建议没有一个对我有用。 我的背景代码是: 我还将 HTML 的高度设置为 100%。 我什至尝试过宽度,但也没有用。 当我运行它时,它在我的浏览器中显示如下:一旦我向下滚动,它就会重复。 有什么对你们有用的吗? ...

背景图像不会缩放以适合页面 - Background image won't scale to fit page

我试图让这个背景图像重新应用以覆盖 div 容器。 我希望它保持相同的大小,这样当屏幕比例发生变化时它就不会“放大”。 但是,目前,它只是放大而不是保持相同的大小: 有什么建议吗? 编辑:图像已经非常小,所以我想要的是它保持相同的大小,并不断重新应用以适应 div。 但不是这样做,它只是放大,这会扭 ...

Position 视频并使其像图像一样在背景中重复 - Position video and make it repeat in background like images

有没有办法 position 一个视频,我把它放在我的 html 页面的背景中,并让它重复,就像我使用background-* css 属性对图像/ gif 所做的那样? 我确信当前版本的 CSS 不可能做到这一点,但也许有办法使用 JavaScript 来做到这一点。 该视频最初是 gif,而我正 ...

背景重复:当父母变得太宽时,空间似乎停止工作 - Background-repeat: space seems to stop working when parent gets too wide

我一直在研究background-repeat的space值和round值。 从理论上讲,这应该意味着我可以使用径向渐变在元素上创建漂亮的虚线边框,而不会切断圆点。 https://jsbin.com/momiwokena/1/edit?css,output 它在 Chrome 中运行良好,但在 ...

CSS背景重复与多个图像 - CSS background-repeat with multiple images

如何对多个图像使用背景重复功能? 主要背景图片是静态的,仅位于未滚动页面的顶部。 一旦用户开始向下滚动较长的页面,就会有一个辅助背景图像,而不是与第一个图像融合在一起。 对于长页面,此图像将无限重复(如有必要)。 我怎样才能做到这一点? 这是我尝试过的: sta ...

后台重复在Internet Explorer中不起作用 - Background-repeat not working in internet explorer

我发现了很多与此相关的主题,但似乎没有任何结果。 我的网站由一个主要div组成,所有内容占用屏幕宽度的80%。 具有背景的div以绝对位置粘贴到div的每一侧,如下所示: 我的意思的例子 现在,侧面div具有background-repeat: repeat-y应用了back ...

添加background-image:no-repeat后背景消失了; - background disappearing after adding background-image:no-repeat;

我正在尝试为我的wordpress网站设置背景图片。 这是我的带有背景图像的CSS代码。 我调整了尺寸,因为图片 对于我的网站来说很大。 和! 添加背景重复:不重复之后, 背景不可显示。 我只看到白色背景。 当然,我用谷歌搜索找到了解决方案,但是几乎所有人都在说 ...

CSS 失败 - 背景位置、背景重复、背景大小、背景附件 - CSS Fail - background-position, background-repeat, background-size, background-attachment

当我将以下内容放入body中的div时,这可以工作: 但是当我使用 CSS 时不起作用: 它似乎出错了,因为我需要为每个背景提供不同的图片,然后这导致background-repeat等被忽略。 (注意:不同的 div 也会有不同的显示值,block 或 none,所以它们也需要单独说明, ...

渐变边框未填充页眉和页脚部分 - Gradient border doesn't fill header and footer section

我在插入背景图像并使我的页眉和页脚节具有渐变背景时遇到问题。 我的背景图片必须重复。 .gif图片是否必须与CSS放在同一文件夹中? 这是它的CSS。 我还在研究从白色到橙色再到黑色的线性渐变。 然后,此渐变将成为页眉和页脚部分的背景。 我可以拆分并为页眉和页脚部分提供线性渐变 ...

CSS-带有线性渐变的IE9问题背景图片(生成的SVG)无法正确重复 - CSS - IE9 issue background image with linear gradient (svg generated) does not repeat correctly

我试图在网上找到针对此特定问题的答案,但老实说,我真的不知道这是怎么回事。 我在这里创建了一个小提琴,用于显示您想玩的情况。 这是可在Chrome,Firefox和IE10 +中运行的代码 HTML代码 CSS代码 我需要IE9的备用。 正如您在小提琴中看到的那样, ...

背景大小和背景重复的工作原理如何? - How exactly background-size and background-repeat works?

这是一个例子 。 我想裁剪背景图像,然后将裁剪后的图像用作更大(大小)元素的背景。 我的意思是div大于其背景,并且我不需要重复。 现在,当取消对background-repeat的注释时,元素消失。 但是我以为它将显示裁剪过的重复背景。 #div { backgroun ...

缩小时,重复y背景图像消失/不对齐 - A repeat-y background-image disappears/misaligns when zooming out

在Firefox上缩小到40%时,图像会消失。 直到缩放50%,它很好。 然而,在缩放40%时,它只是消失了: 在Chrome中,图像仍然可见,但稍有不对齐,这种情况发生在不同的缩放级别: 一旦Internet Explorer实际显示预期结果,无论缩放! 什么是三叉戟 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM