background-image相关内容

使用 CSS 在 Chrome Android 上计算视口高度

所以我注意到移动版 Chrome 会将地址栏计算到视口高度中.因此，在元素上使用 height: 100vh 不起作用，因为当地址栏滚动时，视口高度会发生变化. 我实际上能够find a question 在 ios 上有同样的问题，但经过进一步调查后，我意识到这发生在所有移动 Chrome 浏览器上.当地址栏滚动出视口然后再次滚动到视口时，视口高度会发生变化. 这会导致任何使用 vh ..
发布时间：2021-12-22 23:41:54 前端开发

HTML5 画布背景图像重复

我有一个绘制声波的 html5 画布.我已将背景设置为背景图像，但是，我希望此背景图像重复.谁能告诉我我将如何做到这一点以及我需要将什么添加到我的代码中: var backgroundImage = new Image();backgroundImage.src = 'http://www.samskirrow.com/client-kyra/images/main-bg.jpg';var 画布 ..
发布时间：2021-12-21 08:50:49 前端开发

(真的)长背景图像无法在 iPad Safari 上呈现

由于某些未知原因，iPad Safari 无法显示很长的背景图像.在我的示例中，背景图片为 1,000 x 10,000 像素.相同的示例适用于任何桌面浏览器，例如Safari、Firefox 等 我知道 CSS 中的 background-repeat 但不幸的是它不适用于我的特定情况. 解决方案 Mobile Safari 对二次采样前将显示的背景图像大小有限制，由于背景的大小， ..
发布时间：2021-12-20 20:54:18 前端开发

如何将 JSF 图像资源引用为 CSS 背景图像 url

我经常使用 image 属性更改按钮的图像，但有人告诉我使用 .css 是一个好习惯我试过了，但我不能，我做错了什么?这就是我所做的: 1-我项目的资源是这样存储的: 2-这就是我创建用于访问图像的 style.css .c2 {背景: url(/resources/images/smiley.jpg);} 3-这是我从页面主体访问 css 的方式(我确定这是正确的，因为同一文档中 ..
发布时间：2021-12-20 14:45:40 前端开发

Android:选择器中禁用按钮的 textColor 未显示?

我正在尝试制作一个带有选择器的按钮，我的按钮可以有以下状态: 启用/禁用 按下/未按下 根据上面提到的状态.我需要操作按钮的: 文字颜色 背景图片 按钮从我被禁用开始，所以它应该有禁用的 textColor 和禁用的按钮背景.但是我可以看到默认的 textColor(在样式中指定)并且没有背景图像！ 这是我的选择器 button_selector.xml ..
发布时间：2021-12-18 20:13:08 移动开发

使用 SVG 图像时，背景图像图块之间存在间隙.如何在 Chrome 中解决?

当我使用 SVG 图像作为页面主体的平铺背景时，平铺之间有轻微的间隙.如果我切换到文件的 PNG 版本，则不会发生. 我使用的是 Mac 版 Google Chrome 的最新版本 – 版本 19.0.1084.56.我没有测试过 Windows，因为我没有那个平台.文件在 Safari 和 FF 中按预期工作. 经过一系列 Google 搜索并在 SO 上搜索后，我没有找到任何类似的 ..
发布时间：2021-12-17 18:48:18 前端开发

使用背景图像填充 SVG 路径元素，无需平铺或缩放

我想做一些非常像填充SVG路径元素与背景图像 不同之处在于那里提供的解决方案将平铺图像以填充整个背景区域.我不想要那个.如果图像没有填充整个高度或整个宽度，那么我只是希望它在路径形状内居中，然后就这样了.如果我尝试通过更改高度/宽度属性来限制行为，那么渲染只会缩放图像，直到它填充至少一个维度. 我想这种行为有点道理，因为它使用了模式.我可以看到我想要的并不是真正的“模式"本身.我只想按原样在 ..
发布时间：2021-12-17 18:46:02 前端开发

CSS 背景图片 URL 加载失败

我正在尝试在 CSS 中使用背景图像，但即使我提供了图像的完整路径，它也不起作用.Firebug 显示“无法加载给定的 URL".我确定该文件夹中没有权限问题.我的 CSS 类是 body {背景: url("H:/media/css/static/img/sprites/buttons-v3-10.png") repeat-x 向左滚动 -800px #DCDCDC;颜色:黑色;字体:13px ..
发布时间：2021-12-17 08:30:35 前端开发

我可以获得 div 的背景图片网址吗?

我有一个按钮，当我点击它时，我想提醒 #div1 的 background-image URL. 有可能吗? 解决方案 如果可能，我通常更喜欢 .replace() 而不是正则表达式，因为它通常更易于阅读:http://jsfiddle.net/mblase75/z2jKA/2 $("div").click(function() {var bg = $(this).css('ba ..
发布时间：2021-12-16 23:43:40 前端开发

更改 ListView 背景 - 奇怪的行为

我在更改 ListView 中的视图背景时遇到问题. 我需要什么: 改变一行的背景图片 onClick() 实际情况: 按下后背景会改变(选择)，例如第一个条目.但是向下滚动后，第 8 个条目也被选中.滚动回到顶部，第一个不再被选中.现在选择了第二个条目.继续滚动，它继续跳跃... 代码中的我是什么: 我有频道，并且 onClick() 我切换了频道 boolean sel ..
发布时间：2021-12-13 16:10:04 Java开发

背景图像放置

我正在尝试将我的根 LinearLayout 元素(在两个维度中都设置为 fill_parent)设置为具有始终位于屏幕左下角的背景图像，无论设备的方向如何.如果有某种方法可以设置背景图像位置，例如您可以使用“background-position: left bottom;"对 css 进行设置，那就太好了.但我没有看到在 Android 中实现这一目标的方法.有没有办法做到这一点? 感谢 ..
发布时间：2021-12-11 21:50:33 移动开发

谷歌浏览器 a:访问的背景图片不起作用

(在我开始之前，我应该说是的，我已经完成了所有的愚蠢检查，是的，链接在我的历史记录中并且已经被访问过等) 我使用的是 Chrome 版本 6.0.472.63，但重要的是它适用于所有浏览器. 它适用于 Firefox、IE 和 Opera. 基本上我要做的就是在链接已被访问时更改链接的背景图像. 我已经进行了大量的试错测试，所以请耐心等待多个示例. 这是我原来的 . ..
发布时间：2021-12-10 15:11:25 前端开发

CSS 中的全屏响应式背景图像

我想制作 这张图片作为我网页的背景图片.但是，问题是图像没有覆盖整个页面，正如您在 中所见这个预览，它在最右端重复.有没有办法让图像覆盖整个页面(无论是拉伸、调整大小还是新的东西). 我的代码: 愤怒的小鸟星球大战 ..
发布时间：2021-12-07 10:37:54 前端开发

如何快速将背景图像缩放到屏幕大小?

我正在尝试使用图案图像快速为我的背景制作 UIView 图像.我的代码运行良好，除了我希望图像占据整个屏幕的事实.我的代码如下所示: self.view.backgroundColor = UIColor(patternImage: UIImage(named: "backgroundImage")!) 有谁知道如何使背景成为占据整个屏幕的图像，并且在出现在不同的 iPhone 屏幕尺寸上时 ..
发布时间：2021-12-05 20:34:35 移动开发

CSS 显示调整大小和裁剪的图像

我想显示来自具有特定宽度和高度的 URL 的图像，即使它具有不同的大小比例.所以我想调整大小(保持比例)，然后将图像剪切到我想要的大小. 我可以使用 html img 属性调整大小，我可以使用 background-image 进行剪切. 我怎样才能做到这两点? 示例: 这张图片: 具有 800x600 像素大小，我想显示为 200x100 像素的图像 使用 img 我 ..
发布时间：2021-12-01 16:48:00 前端开发

响应式 css 背景图片

我有一个网站 (g-floors.eu) 并且我想让背景(在 css 中我为内容定义了一个 bg-image)也具有响应性.不幸的是，除了我能想到的一件事之外，我真的不知道如何做到这一点，但这是一个很好的解决方法.创建多个图像，然后使用 css 屏幕大小来更改图像，但我想知道是否有更实用的方法来实现这一点. 基本上我想要实现的是图像(带有水印“G")自动调整大小而不显示更少的图像.当然如果可 ..
发布时间：2021-12-01 16:33:06 前端开发

CSS3 背景图片过渡

我正在尝试使用 CSS 过渡来制作“淡入淡出"效果.但我无法让它与背景图像一起使用... CSS: .title a {显示:块；宽度:340px；高度:338px；颜色:黑色;背景:透明；/* 过渡 */-webkit-transition:背景 1s；-moz-transition: 背景 1s;-o-transition: 背景 1s;过渡:背景 1s；}.title a:hover ..
发布时间：2021-12-01 16:30:42 前端开发