background-image相关内容
我有一个正在编写的 css 页面,我需要在一个类中应用背景图像,然后使用不同的类将部分透明的背景图像放在已经存在的背景图像之上.这有点像沙拉,所以让我做一个演示. html{
...
...
..
..
我有一个带有 background-image 的 div.当用户悬停 div 时,我想用 rgba 颜色 (rgba(0,0,0,0.1)) 覆盖背景图像. 我想知道是否有一个 div 解决方案(即没有多个 div,一个用于图像,一个用于颜色等). 我尝试了多种方法:
..
我正在尝试使用 CSS 过渡制作“淡入淡出"效果.但我无法让它与背景图片一起使用...... CSS: .title a {显示:块;宽度:340 像素;高度:338px;颜色:黑色;背景:透明;/* 过渡 */-webkit-transition:背景1s;-moz-transition:背景1s;-o-transition:背景1s;过渡:背景1s;}.title a:悬停{背景:透明
..
有没有办法让 background-position 取百分比值?目前,我的按钮仅适用于 width 和 background-position 的显式值. body {最小高度:100vh;显示:弯曲;弹性方向:列;justify-content:空间环绕;对齐项目:居中;}.按钮 {显示:弯曲;证明内容:中心;对齐项目:居中;文字装饰:无;白颜色;字体粗细:粗体;宽度:350 像素;高度
..
如何将资源中的图像作为背景图像插入到我的 UIViewController 中?提前致谢! 解决方案 添加UIViewController的视图,有点像这样: - (void) viewDidLoad{UIImage *background = [UIImage imageNamed: @"background.png"];UIImageView *imageView = [[UIIma
..
母语不是英语,所以可能有更好的方法来塑造问题......无论如何: 我要创建的内容类似于此处的标题:http://thegreatdiscontent.com/adam-lisagor标题图像在所有屏幕尺寸中都完全显示,并且图像的纵横比当然总是正确的.这是使用 an 并使文本出现在 using position: absolute 上的. 但是如果你使用 css 作为背景图像而不是 ,
..
我正在尝试弄清楚如何在 div 全宽和响应中制作背景图像.背景图像在整个页面的宽度上扩展(并且是响应式的),但图像的高度不是它的全高.它似乎以某种方式被切断了.我正在使用引导程序框架,我尝试这样做的原因是我想在图像上覆盖一些文本.我尝试了很多不同的东西,但似乎无法弄清楚,帮助!
..
我有一个带有背景图像的 div,它将覆盖标题幻灯片的一部分.我希望 div 的宽度始终为窗口大小的 100%,即使用户重新调整大小也是如此.高度应根据背景图像的纵横比而变化.背景图片的尺寸为 1500x406. 示例代码如下: HTML
CSS .clearfix {宽度:100%;位置:相对;显示:块;边距:0;填充:0;边框:
..
我需要以下内容: 没有内容的空 div 背景图片设置为div 背景图像在重新调整大小时变得流畅/响应我无法设置为固定 div 上的尺寸 我尝试的所有操作都无法强制打开 div 以支持背景图像的大小.非常感谢任何帮助... http://www.everymountain.us/
..
我正在创建一个网站,我的所有产品图像都将根据浏览器窗口大小重新调整大小,所以我编写了一些媒体查询,其中使用了一个大图像并以不同的窗口大小重新调整了它的大小强> 我有一张在背景中使用的图像,我如何调整它的大小?我希望在 IE7 和 8 中的所有浏览器中都支持它. HTML CSS div{背景: url("http://canadianneighborpharmacy.net/ima
..
我有一个 HTML 文件,其中包含一个名为 img 的子目录,其中包含一个名为 debut_dark.png 的图像.在我的 CSS 文件中,我有: body {背景: url(/img/debut_dark.png) 重复 0 0;} HTML 文件具有 body 标记,并且确实适当地包含了 CSS 文件.我确信 CSS 文件已正确包含,因为其他所有内容均已正确格式化. 背景图像未显示
..
我制作的 HTML 电子邮件模板在大多数电子邮件阅读器中都可以正常工作,但背景图像在 Outlook 2007、2010 和 2013 中不显示.我该如何解决问题? 这是电子邮件的 HTML:
..
它经常被问到——但我还没有看到好的答案(我看了).如果您在 CSS 中将背景图像设置为表格行 - 该图像将在每个单元格中重复.如果您设置 position: relative (对于行)并设置 background-image: none (对于单元格),它可以解决 IE 上的问题,但不能解决 chrome 上的问题!我不能使用后台定位,因为有很多调用并且它们的大小各不相同.(而且图片不是对称的
..
我的目标是制作一个类似于“相框"的 HTML 页面.换句话说,我想制作一个由 4 张图片包围的空白页面. 这是我的代码:
..
这个问题之前有人问过但该解决方案不适用于我的情况.我想确保打印某些背景图像,因为它们是页面不可或缺的一部分.(它们不是直接在页面中的图像,因为其中有几个被用作 CSS 精灵.) 针对同一问题的另一个解决方案建议使用 list-style-image,它仅适用于每个图标都有不同的图像,不可能使用 CSS 精灵. 除了创建带有内联图标的单独页面之外,还有其他解决方案吗? 解决方案
..
...
..
我有一个简单的 Chrome 扩展程序,它使用内容脚本功能来修改网站.更具体地说,该网站的background-image. 出于某种原因,我似乎无法使用本地图像,即使它们已打包在扩展程序中. body {背景:#000 url('image.jpg') !important;背景重复:重复!重要;} 就是这样,最简单的 CSS……但它不起作用.浏览器不加载图像. 解决方案 你的
..
我有一个带有下一个/上一个控件的 BS 4 旋转木马,目前可以使用.我有一个浅色背景,所以我想更改控件的颜色(当前为白色). HTML:
..
我曾尝试为 IE 添加背景大小,但它根本不起作用: HTML
Notícias
CSS: div#content h2#news {背景: url('../images/news-background.jpg') 不重复;背景尺寸:100%;边框半径:20px;颜色:#fff
..
我有这张大图作为网站的背景: body {背景:#000 url(/assets/img/living.jpg) 无重复中心;背景附件:固定;-webkit-background-size: 封面;-moz-background-size: 封面;-o-背景尺寸:封面;背景尺寸:封面;高度:100%;} 但在我的移动设备(iPhone 4S - Safari)上,background-atta
..