background-image

0热度

1回答

多背景，我试图做多的背景场景，我有一个图像，然后在上面我有一个低透明度颜色，使其显示通过它下面的图像。我知道我可以用一个伪元素来实现这样简单的事情，但是我想给多个背景努力一个镜头，但我不确定如何使用Sass速记background语法来做这件事。比如我有这样的图像背景： background: { image: url('../images/hero-mobile.jpg');

1热度

3回答

使用vanilla在悬停上切换背景图片Javascript和数据属性

我希望能够在悬停在链接上时切换<div>的背景图像。第一页加载时<div>不会有背景图像。这是我目前有： <div class="background"> <a href="#" data-bkgimg="link-1-bkg.jpg">Link 1</a> <a href="#" data-bkgimg="link-2-bkg.jpg">Link 2</a> </div>

0热度

1回答

如何使用@HostBinding将背景图像添加到Angular 2+指令？

我需要通过@HostBinding创建一个Angular 2+（我是4.x）指令（不是组件），它增加了一个背景图像。我知道我很接近，但是当我检查它时，我在Chrome的检查器中看到background-image: none。 import { Directive, HostBinding } from '@angular/core'; import { DomSanitizer, SafeSt

1热度

1回答

创建横幅带导航栏？

花了一年多的时间学习之后，尝试做我的第一个独唱项目，感觉就像我什么都没学到。出于某种原因，创建横幅非常困难。起初，我想标记我的导航栏到我的横幅底部。我放弃了这一点，现在只是试图让我的旗帜以最基本的方式工作。如果我把图像与HTML内联，它保持在一切的最前沿，并与页面滚动。没有bueno。 background-image根本不工作。我希望它留在页面的顶部。我希望导航栏保持在用户可见区域的顶部

0热度

2回答

背景图片应该rezise到div里面

我想创建一个背景图片，里面有一个较小的div，里面有文字。现在，它在桌面上效果很好，但随着屏幕尺寸变小，带有文本的div会越过背景图像。我想在这些情况下自动调整图像大小。 #cb_1 { background-image: url("https://www.randnotizen.org/wp-content/uploads/full/0019-Elektrotechnik-Pla

0热度

2回答

在不影响图像的情况下在背景图像周围制作边框

我有一个带有h1和段落标签的背景图像。我希望在h1标签周围创建一个边框，而不会影响标题的填充或边距。当我创建边框时，它围绕文本和填充顶部。有没有办法在文本上应用边框？完整的代码在JSFiddle here上。的CSS代码是在这里： header { background-image: url("https://images.pexels.com/photos/8263/pexels-

0热度

1回答

Symfony + Twig +语义UI =背景图片不显示

任何人都可以请帮我理解我的代码中出了什么问题吗？我使用Symfony 2.8，Semantic UI和Twig，并试图简单地将照片放在我的网站的背景中。我正在修改我的base.html.twig文件来做到这一点。我想：在不同的格式使用不同的图片和尺寸在不同的位置地方的画面：在SRC 在app /资源/视图 /的appbundle /资源/公共/图像在网络/语义 - 这就是我保持语义UI文件

2热度

1回答

如何为一行中的3个单元格创建增加的背景颜色？

我想我的XSL-FO文档中创建这种背景：我模糊了敏感信息，但希望它仍然不够明显，这应该是一个灰色的颜色变从细胞到细胞增加。这是我的代码背后：  <fo:table table-layout="fixed" width="100%" background-color="#FFFFFF"> <fo:table-body>

0热度

2回答

Bootstrap。页面背景图片

我正在玩Bootstrap的第一次，但我有点像一个基本的东西像伸展背景图像stucked。我的代码看起来像这样： CSS .page-header { background-image: url("images/header.jpeg") ; -webkit-background-size: cover; /* For WebKit*/ -moz-background

0热度

1回答

CSS：自动计算元素的高度以匹配背景图像

我希望我的网站（横幅）的一部分是适合所有宽度和图像的图像以保持全宽（不是px宽度，但是以百分比表示）。我不在乎高度太低，我需要图像始终显示所有宽度内容和高度为自动。我使用的是background-size: contain，它保留了图像的整个宽度，但需要计算高度，因为那么容器高度将高于图像的高度。我试过使用视口单位，但它不同的决议之间不一致（也许我做错了，但更高分辨率的值不适用于较低的分辨率）。