问题标签 [background-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
704 浏览

html - 带有背景图像的 div 周围的空间

我正在尝试创建一个包含动态文本量的框架。它有圆角,因此创建了 3 个 div:顶部、主体和底部。body 将保存内容,而 top & bottom 仅显示框架的相应图像。所有这些都可以在这里看到:

http://www.m-challenge.com/nimrod/modular_frame.php

问题:顶部和底部的 div 和中间的 div 有一个空间。请看一看,任何输入将不胜感激。祝你今天过得愉快 :-)

0 投票
3 回答
1200 浏览

html - 顶级容器背景问题

这是一个屏幕截图:

标题 http://dl.getdropbox.com/u/118004/Screen%20shot%202010-04-13%20at%202.50.49%20PM.png

左边的红色条是我为#personal div 设置的背景,我希望它垂直对齐容器的顶部。

问题是我在#container div 的顶部有绝对定位的#container-top div 的背景。有没有办法将#personal div 向上移动,这样就没有空间了?

HTML

CSS

0 投票
3 回答
2847 浏览

background-image - Css 背景层和 100% 高度 div

想象一下下面的代码。

每一层都有不同的背景,这些背景是静态的/重复的,以达到预期的效果。我需要所有图层填满屏幕,否则背景会被破坏。背景被分成几层以最小化图像尺寸。

由于各种原因,将 min-height 设置为 100% 不起作用。有没有办法做到这一点?

编辑:如果我将#second_bg_layer 设置为height:100% 并将#third_bg_layer 设置为min-height:100%,则可以。但随后#second_bg_layer 被锁定为100%,不会再扩大。

我想要做的是在两个 div 或其他解决方案上设置最小高度。

0 投票
1 回答
141 浏览

css - IE中的背景问题,所有其他浏览器都运行良好....请帮助...我差点被解雇

我在 IE PC 的背景下遇到了这个问题,包括 Mac Safari 在内的所有其他浏览器都运行良好....请帮助...我差点被解雇...

链接是:

http://www.imageoneads.com/missiongallery/index.htm

非常感谢

tran006

0 投票
3 回答
10817 浏览

java - JFrame 中的背景图像

这个问题被问了很多,但到处都没有答案。通过扩展 JPanel 并覆盖paintComponent,我可以让 JFrame 很好地显示背景图像,如下所示:

但是现在,您如何在该背景之上添加一个组件?我去的时候

它显示红色小方块(或任何其他组件)而不是背景,但是当我删除时cp.setLayout(null);,背景会显示,但不会显示我的其他组件。我猜这与 null LayoutManager 没有调用paintComponent 有关,但我一点也不熟悉 LayoutManagers 的工作原理(这是一个大学项目,作业特别说明不要使用 LayoutManager) .

当我制作图像时,背景必须显示为空(因此,透明(??)),红色方块出现,因此背景可能实际上位于我的其他组件之上。

有没有人有任何想法?

谢谢

0 投票
6 回答
3294 浏览

jquery - 使用 jQuery 在循环背景图像之间淡入淡出

我正在尝试获取旧 div 的背景图像(我的意思是它已经有一个背景图像,我无法控制它因此必须最初覆盖)以无限期地在新图像之间平滑淡入淡出。这是我到目前为止所拥有的:

麻烦的是,它并不流畅(我的目标是类似innerfade插件)。

编辑:问题最初说“它不是无限期的(它只在数组中运行一次)。”,但马里奥纠正了我愚蠢的命名错误。

EDIT2:我现在正在使用 Reigel 的答案(见下文),效果很好,但我仍然找不到任何方法在图像之间平滑淡入淡出。

非常感谢所有帮助:)

0 投票
3 回答
436 浏览

css - CSS body 背景居中与内容对齐

我想将背景图像放在主体(backgroundPosition)的中心。然后我希望我将添加到页面的所有内容(文本、表格....)与背景对齐,例如,如果我缩放页面,则应遵守背景内容的比例。

我几乎尝试了所有东西,但我不知道它是否可能,我知道我是否使用左上角作为背景位置,然后浮动内容:左比例将受到尊重,但如果我想要背景居中?

0 投票
3 回答
4912 浏览

css - Outlook正文背景不重复

我正在发送一封针对 Outlook 2007/2010 的 HTML 格式的电子邮件。我将背景图像应用于身体标签,但它不起作用。代码如下:

但是,如果我将“no-repeat”更改为“repeat-y no-repeat”,它会显示背景图像但它会重复。

谁能帮我这个?

0 投票
1 回答
860 浏览

javascript - 在 IE6 中使用 jquery 不会改变背景图像

我的页面上有一个没有默认背景图像 css 的面板。在加载时,它使用 jquery 设置为初始图像,等待 10 秒,然后从一些预定图像中加载随机图像。有上一个和下一个按钮,可让您循环浏览图像。在 ie6 中,初始图像加载,然后随机图像也在 10 秒后加载,但是按 prev/next 会导致背景变为白色并且图像未加载。通过警报,我发现它仍在跟踪它应该加载的图像的位置和 url,但不会加载它。这是下面的代码。

0 投票
2 回答
828 浏览

css - 可以在不重复像素棒的情况下实现从颜色 A 到颜色 B 的背景颜色过渡吗?

对于菜单栏和标题之类的东西,背景颜色很好。

但是从蓝色优雅地过渡到白色的背景颜色更好。

我知道这可以通过制作一个 1 像素宽、X 像素高的图像文件来完成,其中包含所需的淡入淡出并在 div 中重复它,但是 CSS 是否有原生支持来定义颜色并完成它?

任何其他语言都可以处理这个吗?