问题标签 [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 投票
6 回答
335 浏览

css - 背景图像比封闭的 div 长

在客户网站上,我必须仅为页面的包含区域(其真实内容部分)添加背景图像。

问题是,如果内容足够短,那么图像将被剪裁。怎么可能让图像完全可见?我曾尝试添加“溢出”CSS 属性,但不幸的是它对我没有帮助。

这是我必须处理的网站示例:http ://www.sfp-pensioen.nl/werknemer/welkom背景图像位于 id="content" 的 div 元素上。

在我发送的特定链接上,这不是问题,因为内容足够长,但是如果您使用 firebug 删除元素,那么问题将变得显而易见。

ps:必须支持IE6。

0 投票
2 回答
270 浏览

jquery - 这种图像效果是如何产生的?

我已经看了这个页面一段时间了。太神奇了,真的。但我不知道滚动时发生的背景图像效果是如何工作的。浏览了代码发现他们使用的是 Jquery 和一些滚动插件,但我看不到图像。

你怎么说它已经完成了?

网站:http ://herohousing.org/UBBT/

0 投票
4 回答
5065 浏览

drupal-6 - Drupal 背景图像作为块或节点

我无法解决如何在我的自定义 Drupal 6 主题中制作可编辑的背景图像。我的客户希望在其网站的每个主要部分(具有多种内容类型:页面、博客、图片库)上使用不同的背景图像,并且为了保持一切动态,我希望背景图像是可编辑的。

我想做的是向各种内容类型添加背景图像字段,允许用户从内容库中引用图像或上传新图像(类似于 ImageAssist),并将其应用于我的模板中的区域. 关于此最佳方法的任何建议?

有没有办法将自定义内容类型变成动态背景图像块?我正在使用 Image、Image Cache、Views、CCK、Image Assist、Panels、Filefield 和 Imagefield 模块。

谢谢!

0 投票
1 回答
958 浏览

css - 可变宽度的浮动图像和带有背景图像的标题

我有以下代码:

您可以在这里查看演示:http: //easwee.net/floated_img_article/

问题: 图像可以有 2 种不同的宽度(3:2 比例 - 水平或垂直)。如您所见,标题有一个背景图像,它位于浮动图像的后面。

是否有一个css 解决方案可以让背景图像从标题文本开始的地方开始 - 这样它就不会被浮动图像重叠?左圆角需要可见。

PS:您也可以向我指出一个 javascript 解决方案,但我更喜欢用 css 解决这个问题。

0 投票
2 回答
3725 浏览

css - CSS - Opacity of header against image

Say I have the following in my CSS:

When I place the div with id "topFrame" in the HTML and then try to write a header using h1 tags, the header is as opaque as the image (so rather than being "stand-out" black it shows up as a dull grey.

Is there any way I can make it so that the h1 stands out in terms of opacity whilst still keeping the image semi-opaque, without creating an invisible div to house the header (if that makes sense)?

0 投票
2 回答
1707 浏览

jquery - 无论如何,jQuery中的背景图像之间是否有淡入淡出?

所以我有一个有趣的图像设置,我想知道是否可以在两个背景图像之间淡入淡出。我会假设如果有一个,它会有多个背景图像和不透明度......嗯!

0 投票
1 回答
1152 浏览

jquery - Jquery IE6悬停问题,不断加载背景图片

看看这个页面: http: //pearl.tinderfields.com/

在 IE6 中,每次用户将鼠标悬停在菜单项上时都会加载菜单的背景图像,这显然是在制作一个看起来很垃圾的菜单。

IE6为什么会在每次悬停时重新加载图像有什么特殊原因吗?

0 投票
1 回答
3638 浏览

css - 如何使用背景位置和 CSS 精灵重复图像的一部分?

我想使用 CSS 精灵和背景位置创建一些具有动态宽度的按钮,但我不确定我想要的是否可能..

我希望按钮有左侧、中间和右侧,中间根据需要重复。理想情况下,我希望它由一张 11 像素宽的图像组成,因此左侧和右侧都是 5 像素宽,中间是 1 像素重复。有什么方法可以在 CSS 中定义以使用图像的一个中心像素,并在需要(未知)宽度时重复?

通常我使用两张图片来获得相似的结果——一张用于侧面,另一张宽度为 1px 的图片用于中间,但如果有某种方法可以将它们组合成一张图片,我更愿意使用它。

0 投票
19 回答
941747 浏览

css - 如何在同一个元素上组合背景图像和 CSS3 渐变?

我如何使用 CSS3 渐变background-color,然后应用 abackground-image来应用某种光透明纹理?

0 投票
2 回答
584 浏览

css - 我的按钮背景似乎被拉长了

我有一个按钮供您查看。看起来不错,对吧?好吧,在现场,euroworker.no /shipping和/ selectAddress似乎有些捉襟见肘。

在 Chrome、IE 和 Safari 中呈现良好,我认为这可能是一个 FF 问题,但将小提琴加载到 FF 中似乎很好。

快速参考 CSS 和 html:

和 HTML

我想知道这是怎么回事。