background-image相关内容

防止逐步(逐行)加载背景图片

我正在寻找一种方法来加载背景图像(CSS),就像它们一旦加载就出现一样,而不是“向下滚动".我宁愿让图像在一闪之后延迟300毫秒出现,而不要让图像看起来像是不良的PowerPoint效果. 除缓存外,可以使用任何技术或特定代码吗? 谢谢 解决方案 首先,如果您的图片出现在“向下滚动"中,则该图片太重了. 存在其他程序或网站,以减少您的网络形象(而不会降低质量) 例如, Y ..
发布时间:2020-09-18 04:42:42 前端开发

CSS将比例转换为背景图像

我很喜欢CSS部件来生成图像 .split-banner .right-cl:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } 我需要将以上CSS应用于div元素中包含的背景图像 我该怎么办? 解决方案 在悬停时更改background-size.要模拟scale(1.1),请使 ..
发布时间:2020-09-18 04:41:39 前端开发

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

我想使用CSS精灵和背景位置创建一些具有动态宽度的按钮,但是我不确定我想要的东西是否可以实现.. 我希望按钮具有左侧,中间和右侧,并根据需要重复中间.理想情况下,我希望此图像由一张11像素宽的图像组成,因此左右两侧均为5像素宽,中间为1像素重复.我可以在CSS中定义某种方法来使用图像的一个中心像素,并在需要(未知)宽度时重复该操作吗? 通常我使用两张图像来达到类似的效果-一张图像用于侧 ..
发布时间:2020-09-18 04:40:31 前端开发

将div元素放在响应式背景上(Bootstrap 3)

我想将div(输入表单)放在响应的背景上. 我正在使用Bootstrap 3作为页面模板.但是,如果我调整窗口大小或使用其他屏幕尺寸,则元素位于另一个位置.我该如何解决这个常见问题? 示例: http://goo.gl/D7TwIP 谢谢! 解决方案 不是使用margin-top和margin-left而是在定位的绝对元素上使用top和left属性. top: 540px ..

CSS-背景图像水平拉伸并垂直重复?

使用background-size: cover,我可以拉伸背景以适合页面的整个宽度. 使用repeat-y我可以使背景重复或垂直平铺到页面的整个高度. 有什么办法可以将这两种效果结合起来吗?不幸的是,它们似乎无法协同工作(至少在Chrome中).看来我可以用background-size: cover在两个方向上拉伸,也可以不在x方向上拉伸,而在y方向上重复. 编辑:使用bac ..
发布时间:2020-09-18 04:39:26 前端开发

CSS盒子阴影+透明背景图像=直观分解

我有一个按钮图像用作某些链接的背景图像. 背景图像带有圆角. 我想使用css投影而不是在图像中放置投影 问题是,投影阴影似乎在 元素周围绘制.尽管我有点希望通过背景图像的透明部分看到阴影颜色,但是我看到的是背景颜色(我的实际目标要复杂一些,但是如果我能满足我的前三个要点,那么我可以完成这项任务.具体来说,我想做的是使用两个嵌套元素以及按钮图像左右部分(圆角)的背景图像,以便我可以使用相同 ..
发布时间:2020-09-18 04:38:24 前端开发

我应该在React组件中放置整页的背景图片吗?

Hello Stack Overflow社区, 我正在为网站创建全屏背景图像,但是我不确定是否应该将图像放置在 1) index.html文件中(在任何其他文件之外) React组件),位于主App组件内的 2)(最高父组件)或 3)更深一层:主App组件内的组件. 不确定这是否有意义?如果您有任何澄清的问题,请告诉我.我已经在网上搜索了很多,但是没有找到任何可靠的答案. 我还附 ..
发布时间:2020-09-18 04:38:20 前端开发

在Bootstrap 3 Jumbotron的背景图像中循环

我正在尝试获取3张图像作为Bootstrap 3巨型机的背景进行循环显示.但是问题是,我在超大范围内有3个div,到目前为止,我尝试过的所有解决方案都要求我将超大范围的位置更改为相对,将背景图像更改为绝对.而且由于我试图保持网站的响应速度,所以这样做会严重干扰较小比例的外观. 我还尝试通过使超大体绝对值和相对大体相对于转盘,将超大体放置在转盘上.较小的屏幕尺寸会再次出现相同的缩放问题. ..

iOS5更改UIToolbar的背景

我已经阅读了"iOS 5的新功能"文档,并指出,现在更好地支持更改某些UI元素的背景. 我找不到iOS 5更改UIToolbar的背景图像的正确方法. iOS 5是否有特殊的新方法?还是我仍然必须继承UIToolbar? 解决方案 是的,有一种新方法可以做到这一点.您可以使用appearance使所有UIToolBar具有相同的外观. 首先,您必须确保您的类遵循UIAppear ..
发布时间:2020-09-18 04:37:16 移动开发

自举响应图像缩放

使用Twitter Bootstrap我意识到默认情况下它会响应性地缩放图像.这很棒,但并不总是完美的. 例如,我在台式机上有一个500x300图像,然后它调整了移动尺寸,该图像将非常小而不是很高,从而丢失了图像的许多细节部分. 我已经看到其他网站实际上并没有太大地缩放图像,而是使用父div对图像进行mask排序. ( http://www.fitnessfireworks.com 是 ..

:before和background-image ...应该可以吗?

我有一个div并将:before和:after图像用作内容.那很好.现在,我需要应用背景图像,以便在div调整大小时重复出现,但是似乎不起作用. :before和:after上的背景图像是否应该正常工作? 当前代码: HTML: test CSS: #videos-part{ background-colo ..
发布时间:2020-09-18 04:35:56 前端开发