问题标签 [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 回答
458 浏览

css - 使用 CSS 将背景图像设置为较高 div 的高度

我有一个布局,左侧是可变长度菜单,右侧是可变长度内容。在菜单和内容之间是一个使用重复背景图像实现的分隔符,它是内容 div 的一部分。这意味着随着内容的扩展或收缩,分隔线也随之扩展。

如果内容的高度小于菜单的高度,则分隔符仍然是内容的高度,而在这种情况下,我真正想要的是分隔符是菜单的高度。有没有办法在 CSS 中实现这一点?

0 投票
3 回答
119 浏览

jquery - 如何实现像这里的导航栏?

它实际上是一张图片。

本页#navMain_

最好的 jQuery。

0 投票
5 回答
17542 浏览

iphone - 带有自定义背景图像的 iPhone UITableView PlainStyle - 在代码中“完全”完成

我到处都是,似乎UITableView静态背景问题有据可查,但没有人提供直接的解决方案?我TableViews完全用代码构建我的,像这样:

该窗口是我UIWindow在应用程序委托中为我构建的主要内容。从这里开始,我需要构建一些不同的TableViews(由 控制navigationController),一些带有fetchedResultsControllers,自定义单元等等。我更喜欢完全在代码中执行此操作,而不是使用 nib,因为这会导致在代码和 IB 之间进行自定义传播,或者必须构建和维护 6 个以上不同的 Nib。

我根本找不到一个tableViewController类设置它自己的背景图像的工作示例。如果我在我的一个TableViews(扩展UITableViewController)中执行此操作:

当然,我将 tableView 的背景着色(顺便给单元格着色,认为单元格继承了它们的颜色tableView?)但我希望有一个静态背景图像,我的单元格在上面上下滑动。不是随着用户手势上下滑动的“背景图像”。正是 GroupedStyle tableView 提供的,但在 PlainStyle tableView 中:) .. 并使用代码而不是 IB 完成。

我想我必须清除表格视图的背景颜色,然后在配置它们时设置单元格颜色,这样它们就不会变成透明的。然后以某种方式从 tableView 实例内部“偷偷摸摸”在 tableView 视图下方的背景图像?

我将如何解决这个问题,最好的解决方案是能够在 viewDidLoad 或我的 TableViewController 中的任何其他函数中执行此操作,以将我的所有自定义设置保存在一个地方。

希望有人可以帮助我,我都“用谷歌搜索”了 :) 谢谢!

0 投票
1 回答
214 浏览

user-interface - How to use Custom Background image on screen or custom Background colors?

I want to change the background screens of one of my Blackberry app and put something like a company logo.

Any idea how to change the background of the screens. And yes can we also change the color of the title label fields or the buttons? Can I also change the font color?

0 投票
2 回答
3360 浏览

html - 按内容大小自动拉伸多部分 CSS 背景

我正在构建一个 CSS 站点,但未能解决这个部分问题:

在左侧有一个由三个图像组成的框。顶部图像、(可选和拉伸的)中间图像和底部图像。

如果里面有更多内容,我希望左侧的框自动拉伸。这已经适用于我当前代码的右侧。(我将两列都放入容器 div 并将左框设置为 height: 100。)

但是现在左边的框中也应该有内容了。此内容确实溢出,因为我将左框设置为位置:绝对。因此它不会增加尺寸。

如果没有 position: absolute ,我无法获得这种效果。我尝试使用浮动等。

这是示例代码:

使用此样式表:

它看起来像这样(为更好理解着色):

替代文字

黄色部分实际上是一个拉伸的图像,我把它留作例子,它按预期工作。

我怎样才能在左边的框中添加文本,这也会拉伸它?或者此时是否可以使用 TABLE 而不是 CSS?

编辑:BitDrink 的解决方案在我的浏览器中看起来是这样的(当前 FF)

替代文字 http://img502.imageshack.us/img502/1241/layoutsample2.png

0 投票
2 回答
699 浏览

background-image - CSS背景:设置位置然后换班?

background-position 属性可以通过多种方式设置,例如“右上角”或“16px 16px”或“50% 75%”等。

问题:有没有办法定位背景图像然后偏移该位置?

例如:将背景位置设置为“右上角”,然后使用“-16px 16px”将其向左移动 16px 并向下移动 16px?

0 投票
3 回答
3111 浏览

html - Firefox 背景图像水平居中异常

我正在为 CMS 构建一些基本的 HTML 代码。CMS 中与页面相关的选项之一是“背景图像”和“将页面宽度/高度拉伸到背景图像宽度/高度”。因此,对于大背景图像,整个事情变得可见。

我当前的屏幕分辨率是 1280 x 1024。

如果我执行以下操作:

  • 指定一个 1400 像素宽的背景图片
  • 将“位置”指定为“中心中心”(水平/垂直)
  • 指定“将页面宽度拉伸到背景图像宽度”

然后在FF中,会发生以下情况:

  • 页面正确拉伸到 1400 像素。我得到一个水平滚动条,因为我的屏幕比那个小。到现在为止还挺好。
  • 现在奇怪的是:背景图像不是相对于 1400px 居中的,因此显示的是完整图像,而是相对于我的 1280px 视口,将图像的一部分隐藏在屏幕左边缘之外,并留下一条白色条纹而不是显示整个图像。
  • 没有可以操纵任何东西的其他元素(DIV、包装器...)。所有设置都直接在正文中。

更新: IE 正确地做到了。谷歌浏览器也有同样的问题。

就好像 Firefox 首先以 100% 的宽度渲染背景图像,将其居中,然后注意到主体需要拉伸到 1400 像素。

这是正常的 Firefox 行为吗?有什么想法我能做什么?

发布一个链接会有点麻烦,因为它都是在一个封闭的开发环境中,但如果一切都失败了,我会把一些东西放在一起看看。

CSS:

0 投票
2 回答
5644 浏览

c# - 在 C# 中为 dataGridView 单元格提供背景图像

我想使用 .net 组件 DataGridView 从图像中为行标题和列标题提供自定义背景。有可能做到这一点吗?如果是这样,怎么办?

我使用 Visual Studio 2008、Windows 应用程序、C#。

0 投票
3 回答
13092 浏览

html - div、背景图像和图像映射

在我正在创建的网页上,我有一个带有背景图像的 div。我在图像上覆盖了一些我会经常更改的文本,这就是为什么我使用背景图像和真实文本而不是包含文本的 img 标签。

背景图像包含一些可点击的区域,所以我需要一个图像映射。

我认为最好的方法是使用另一个带有透明图像的覆盖 div,并为与背景区域可点击区域相对应的透明图像设置一个图像映射。

我在正确的轨道上,还是有更好的方法?

0 投票
2 回答
3036 浏览

css - CSS:使行背景跨越所有列?

我有一排<tr>有几列<td>。我将背景图像设置为 ,<tr>但它会重新启动每个背景图像,<td>就好像它是为每个<td>. 我希望一张图像跨越该行中所有列的背景。

有没有办法做到这一点?

这是我的代码:

谢谢!!