背景图像和背景url中的属性
背景图像和背景url是前端开发中常用的属性，用于设置元素的背景样式。下面是对这两个属性的详细解释：
- 背景图像（background-image）：背景图像属性用于设置元素的背景图片。可以通过指定图片的URL来设置背景图像。背景图像可以是一个具体的图片文件，也可以是一个线性渐变或径向渐变。通过设置不同的背景图像，可以为网页元素增加视觉效果和吸引力。
- 背景url（background-url）：背景url属性是背景图像属性的一部分，用于指定背景图像的URL。URL可以是指向本地文件系统中的图片文件，也可以是指向远程服务器上的图片文件。通过使用背景url属性，可以将不同的背景图像应用于不同的元素，实现个性化的页面设计。
背景图像和背景url属性的优势和应用场景如下：
优势：
- 提升用户体验：通过使用精心选择的背景图像，可以增强网页的视觉吸引力，提升用户体验。
- 增加品牌识别度：将公司或品牌的标志性图像作为背景图像，可以增加品牌的识别度和记忆度。
- 增强信息传达：通过选择合适的背景图像，可以更好地传达网页的主题和内容。
应用场景：
- 网页设计：在网页设计中，背景图像和背景url属性常用于设置网页的整体背景，以及特定元素的背景样式。
- 广告宣传：在广告宣传中，通过使用吸引人的背景图像，可以吸引用户的注意力，提高广告的点击率。
- 社交媒体：在社交媒体平台上，通过设置个人资料或页面的背景图像，可以展示个性化和专业化。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，其中与背景图像和背景url属性相关的产品包括：
- 腾讯云对象存储（COS）：提供了可靠、安全、低成本的对象存储服务，可以用于存储和管理背景图像文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：通过将背景图像缓存到全球分布的节点上，提供快速、可靠的图像传输服务，加速网页加载速度。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云图片处理（Image Processing）：提供了丰富的图片处理功能，包括缩放、裁剪、水印等，可以用于对背景图像进行处理和优化。产品介绍链接：https://cloud.tencent.com/product/imgpro
相关·内容
3回答
我已经写了下面的代码，使一个有背景的图像。它在Chrome和上工作，但在firefox中却没有显示出来。
<style type="text/css">
#profile{
width: 100%;
height: 100px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-image: url(https://
浏览 5提问于2017-04-22得票数 1
回答已采纳
4回答
我想通过使用样式定义在React.js中添加背景图像，这是可行的：
let imgUrl = 'images/berlin.jpg'
let styles = {
root: {
backgroundImage: 'url(' + imgUrl + ')',
overflow: 'hidden',
},
...
如您所见，图像在x方向上重复。所以我想通过以下方式来扩展它：
let imgUrl = 'image
浏览 0提问于2016-04-05得票数 14
我正在用PHP编写一个简单的HTML电子邮件设计编辑器，也展示了这将如何看起来的演示。
我认为这也是非常有用的，向用户展示这将如何在一个电子邮件客户端，如关闭图像的gmail。
对此我最好的方法是什么？有人知道gmail/hotmail等是怎么做到的吗？
我是不是简单地用一个reg表达式来删除img -> src和css background: url？
我想从:表格中使用的background="url"和内联css使用的background-image:url(url);中删除背景部分
我发现有同样的想法，尽管我想从HTML文本中删除img和背景图像。
或者，是否也可
浏览 1提问于2012-04-08得票数 2
回答已采纳
使用AJAX请求，我试图改变背景图像和设置它的样式属性。在通过setInterval方法每隔几秒钟调用一次的函数中，我通过以下方式定义了样式并设置了组件的状态： changeThings() {
let maxVal = this.props.data.length;
let ranNum = Math.floor((Math.random() * maxVal));
let imgVal = (this.props.url[ranNum])? 'url('+ this.props.url[ranNum].url+')':null
浏览 20提问于2019-02-20得票数 0
回答已采纳
我想将一个相对图像url粘贴到div，将其设置为背景图像。不幸的是，div不会呈现图像。这样就可以很好地呈现图像。
<img src="../assets/images/HeroImg.jpg">
但这个不是
<div style="background-image: url(../assets/images/HeroImg.jpg)">
Content goes here
</div>
我也尝试过：
将url包装在单引号中
也许是assets/images/HeroImg.jpg？
从src文件夹开始的.
浏览 0提问于2020-03-29得票数 2
回答已采纳
3回答
我有一个指令，它将图像呈现为背景图像。它在Chrome和Safari中工作得很好(据我所知)，但在Firefox中似乎不起作用(背景图像不显示)。我的研究似乎表明，可能范围。美元手表会有帮助，但我不完全确定如何应用它，以便它将使事情变得更好。
.directive('pictures', function () {
return {
restrict: 'EA',
link: function (scope, element, attrs) {
var url = attrs.pictures;
浏览 1提问于2015-04-24得票数 0
回答已采纳
1回答
我是个新手，用React环境设置了webpack。我现在的问题是背景大小和背景图像对我在react组件中设置的背景图像不起作用。当我在同一文件中设置背景图像和背景的大小和位置时，它可以工作。换句话说，当我在component中设置图像，并在scss中定义背景大小和位置时，它不起作用。我相信是我的webpack设置导致了这个问题。 - -webpack- {
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
{
test: /\.s[ac]ss/i,
use
浏览 23提问于2019-09-24得票数 0
回答已采纳
2回答
我的TR上有一张有背景图片的桌子。在我的一个TD中，我想通过jQuery更改背景图像的动态效果。
为了更改我的TD背景图像，我使用以下代码：
var dynImage = "imageOfMinMormor.png";
$(".tr .td").css("backgroundImage", "url("+dynImage+")");
它可以在firefox，safari，chrome和IE8中运行。但是在IE7中，背景图像在TR上消失了。
有没有IE7黑客？
/Morten
浏览 3提问于2012-03-15得票数 2
1回答
我想从服务器提取图像并将其存储在我的本地系统中。图像在<img>标签中显示为背景。如何提取和存储图像。实际的镜像标签如下所示
<img style="background:Url('..//contactdetails?data=4512354367432554')" src="some transparent image"/>
在上面的标签中，图片被显示为背景，src包含一些透明的图片。
浏览 0提问于2012-07-20得票数 0
回答已采纳
如何用类名替换每个背景图像：
backgroundPNGAcontain
有一个div (类名imgWrapper)和图像具有相同的url源？
我很接近。这是我的密码：
$( ".backgroundPNGAcontain" ).html( "<div class='imgWrapper'><img></div>" );
$( ".backgroundPNGAcontain" ).each(function() {
var url = $( this ).css('backgr
浏览 2提问于2020-01-28得票数 0
回答已采纳
2回答
我有一个页面上的几个iframes，这刷新了他们自己显示某些数据。问题是背景图像也设置在iframe背景上。iframe页面链接到与主页相同的CSS文件，但我的页面使用不同的in和类，但背景图像仍然显示在iframes中。在主页上，我有一个CSS文件，说明图像文件的背景。
body {
background-image: url (background1.jpg);
}
iFrames如下所示：
<iframe src="File.php" width="100px" height="100px" frameborder="0
浏览 0提问于2020-02-07得票数 0
3回答
在过去的两周里，我设法从头开始学习html和CSS。我有过使用表格和浮动的黑暗时刻，但直到现在，我总是能够自己解决问题。
我无法使用CSS背景/背景图像规则，如下所示：
<div class="mao"></div>
.mao {
background: url("mao.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
我试着在背景和背景图像之间切换。我已经尝试将文件移动到一个
浏览 1提问于2018-08-25得票数 0
1回答
我正在使用.json文件中的数据，并使用v- for 迭代所有对象，并为每个对象创建一张卡片，到目前为止还不错。
奇怪的是，出于某种原因
每当我刷新页面时，背景大小的封面就不再适用了，
有些背景图像没有出现，因为它似乎没有返回一些对象的背景图像URL，我完全不知道为什么
{{ experiencia.data.destino }
在这里，您可以看到，一旦我刷新页面，封面就不再适用了：
下面是检查器，由于某些原因，有些图像没有得到背景img url，而另一些图像没有获得背景大小覆盖属性：
浏览 9提问于2022-06-26得票数 1
回答已采纳
我有一根绳子，它有以下几条：
<div style="background-image:url(some src); background-color:some color;">
<div style="background-image:url(some src); background-color:some color;"> </div>
</div>
我需要找到这个字符串中的所有背景图像urls。目前，我有以下正则表达式：/background-image.*[);]/g
但是它需要背景图像和背景颜色，
浏览 3提问于2016-03-02得票数 0
回答已采纳
1回答
背景图像与背景
、、、
我面临一个奇怪的问题，可能有一个简单的解决方案，我完全无视。
我想要改变背景:变成背景图像:但是如果我这样做，它似乎不会显示图像。下面的代码不显示图像
#background {
background-image: transparent url('src/assets/images/splash.jpg') 0% 0% no-repeat padding-box;
background-size: contain;
opacity: 1;
}
同时，下面的文本显示图像。
#background {
background: transparent url('src/a
浏览 5提问于2022-07-21得票数 -2
回答已采纳
3回答
CSS背景在IE8中不能正常工作
、、、、
我有8个html div的。我已经设置了不同图像的所有div的背景，所有显示正常，除了2个div的IE8和默认的安卓浏览器。如果我为这两个div的背景设置任何其他图像，它们也会起作用。但是如果重命名这两个图像并设置它们，它们将不起作用。我很困惑。下面是代码
#tabs-8{
background: url(../images/banner/290/open-house.jpg);
}
#tabs-6 {
background: url(../images/banner/290/our-trainers.jpg);
}
浏览 0提问于2013-08-20得票数 1
回答已采纳
4回答
在CSS中，我使用gif作为背景图像：
background: url(http://*URL of gif*) no-repeat 50% 50%;
但是根据屏幕大小，我仍然可以稍微看到图像背后的背景(它是白色的)。我如何改变图像背后的颜色？我想把它改成黑色。
浏览 3提问于2015-02-25得票数 0
回答已采纳
2回答
我想要写一个脚本，自动设置页面上所有div的背景图像url，并根据每个div的数据图像属性的值设置..img cover类。这样，每当我想设置背景图像时，我可以简单地将正确的‘数据-图像’值和类添加到div中，它将自动提取正确的图像。
更新
CSS似乎不喜欢ids中的句点，所以我从所有ids中删除了'.jpg‘，并将其添加到脚本中，并为IDs交换了一个数据属性。下面是html：
<div class="img-cover" data-image="flags_install"></div>
新的jquery：
$(".i
浏览 4提问于2017-08-20得票数 0
回答已采纳
1回答
我有一个大背景封面。
<div id="cover">
...
</div>
和CSS
#cover {
background:url('cover.jpg') no-repeat fixed center center / cover;
height: 350px;
width: 100%;
}
预期输出：背景图像大小调整为350 px100%(在我的示例中为350x900)，应该具有基于<div id="cover"></div>的滚动效果。
实际输出：将背景图像
浏览 2提问于2014-08-27得票数 1
这是我的CSS
<style>
body {
background: url(30.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
这使得背景图像适合屏幕。
现在，如果我尝试使用JS动态化背景图像，背景图像将不再适合屏幕。
<style>
body {
-webkit-backgro
浏览 0提问于2016-10-30得票数 0
回答已采纳
我目前正试图在一个网站中找到一个漏洞(是的，我有权限)。我发现一个url有一个参数，当我更改其中的文本时，该文本被设置为背景图像的名称。例如。当我将url参数文本更改为“anytexthere”时，代码块将如下所示：
<div style="background-image: url('/images/logo-anytexthere.png')"></div>
有可能利用这一点吗？我尝试过unicode括号和普通HTML代码，unicode/normal HTML括号只是在图像名称中删除。
url参数文本返回到页面代码中的背景图像名称，
浏览 0提问于2017-08-09得票数 1
回答已采纳
我想改变的背景图像时，滑块将旋转与另一个图像的同时。在本例中，我添加了一个带有背景图像的bootstrap carousel滑块。我想当滑块图像将滑动，然后背景图像也将改变/滑动在同一时间。我以前用过两个bootstrap carousel滑块，一个是主滑块，另一个是背景滑块。但我只需要添加一个主旋转木马滑块和背景图像，这也随着主滑块图像的变化。这是我的示例url链接()，我想在其中使用这种类型的功能。有什么想法吗，伙计们！
浏览 1提问于2014-10-28得票数 0
1回答
我想让img标记以与div相同的方式响应，使用背景图像的背景位置:中心和背景大小:覆盖我的问题是，我将发布很多图像(在网格布局中)，这些图像没有相同的宽度或高度。苏，如果我使用img标签的高度:自动，我得到不同的高度，每次。当前解决方案：
使用bg图像和1像素图像作为宽度和高度：
<div style="background-image:url(http://example.com/img.jpeg);
background-position: center;
background-size: cover; width="30%" ">
浏览 4提问于2015-03-22得票数 1
1回答
在引导模态上不显示动态背景图像
、、、、
我想用ajax动态地更改背景图像和引导模式的细节，我从数据库中获取所有图像，我的模型工作得很好，每个id显示正确的数据，我面临显示背景图像的问题
这是模态代码图像
Ajax代码
对于像这样的图像，我确实得到了正确的URL，对于每个id问题，正确的图像是，当我将该图像传递给模态体时，它是不工作的，模态看起来是这样的
如果有人能帮我找到我缺少的ajax，我会得到所有的数据和图像
谢谢
浏览 2提问于2021-04-23得票数 2
回答已采纳
1回答
我试图改变主题中提供的背景图像。下面是来自style.css文件的CSS片段：
.toplayer{
background: url(../images/theme.png) right no-repeat;
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -1;
}
我将新的背景图像放在同一个目录中，并试图通过以下方式覆盖上面的CSS来更改背景：
background: url(../images/background.png)
清除Drupal缓存后，我重新加载页面，但
浏览 0提问于2017-08-14得票数 0
回答已采纳
1回答
我使用的是semantic-ui中的模板。这个：https://semantic-ui.com/examples/homepage.html。本质上，我试图改变背景的高度，以匹配我的图像的高度。现在我的图像(背景图像中的那个)出现了，但背景(我把它变成红色只是为了看得更好)比它大，所以我在背景图像和内容开头之间有一个死区。 我似乎能操纵背景的唯一方法就是颜色。其他任何时候，我改变它的大小(我已经做了相当多的实验)，它似乎只是改变了图像的大小。不是红色背景。 也许我没有理解这两者之间的关系？关于如何改变背景的高度以匹配背景图像，有什么建议吗？ 任何帮助都是非常感谢的。 CSS如下： .u
浏览 8提问于2020-08-28得票数 0
我有几个容器，为每个容器指定了多个背景图像，并用逗号分隔，其中一个背景图像对于每个容器是相同的。
.foo_1 {
background-image: url(../img/01.png), url(../img/photo1.jpg);
}
.foo_2 {
background-image: url(../img/01.png), url(../img/photo2.jpg);
}
.foo_3 {
background-image: url(../img/01.png), url(../img/photo3.jpg);
}
.foo_1, .foo_2, .foo_3 {
浏览 4提问于2015-04-06得票数 2
回答已采纳
1回答
我有下面的代码的背景图像在一个表，其中有一些图像链接在上面，以及一个标志。我正在使用一个mailchimp帐户，我想使背景可编辑。不可能使背景图像可编辑。
因此，我想知道另一种解决方案，即将社交链接和徽标放在图像的顶部，同时仍然允许图像下面的图像可以编辑，因此没有的背景图像是表格中的一个背景属性，它在大多数电子邮件客户端中都是兼容的，可以在邮件中进行编辑。
<table mc:edit="backgroundImage" class="backgroundHeader" background="http://104.131.7.150/public
浏览 2提问于2014-10-30得票数 0
2回答
我有一个背景图像被拉伸，以适应整个屏幕。我正在尝试写一个脚本，将更改为另一个图像的背景。我当前的脚本没有拉伸图像以适应整个屏幕，而是将图像居中。此问题发生在Firefox、IE和Opera中。看起来Chrome和Safari没有受到影响。我按照教程创建了整个页面的背景图像。
CSS：
html {
background: url(../img/01.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size
浏览 1提问于2012-05-07得票数 1
回答已采纳
3回答
我有一个空的div列表，并动态地插入一个背景图像-所以一开始，它们的background- image : url()；属性是完全空的。通过一些事件，它的背景图像url加载到之前空的background-image: url()；标记中。出现的背景图像的url暂时存储在div的"alt“标记中：
<div style='background-image: url();' alt='http://something...'></div>。
我这样做是为了在几个动画gif上获得圆角，而不是使用透明gif(没有平滑的边缘)。
问:谷歌机
浏览 1提问于2010-02-23得票数 1
回答已采纳
每当我试图通过javascript设置背景和背景图像属性时，我只获得元素的背景peroperty。为什么会发生这种情况？我错过了什么吗？
divelement.style.background = "url('one.png')"
divelement.style.backgroundImage = "url('two.png')"
// only gets..
<div style="background-image: url("one.png");">
浏览 7提问于2016-06-15得票数 2
回答已采纳
3回答
我想把背景图像添加到<header>标签中，但是图像没有显示.
header {
background-image: url("/img/header-bg.jpg");
background-repeat: repeat-x;
width: 100%;
height: 105px;
background: #fff;
position: relative;
display:block
}
当我使用Chrome开发工具时，我可以看到图像的URL很好(我可以看到图像)，但让我困惑的是当我添加
background
浏览 3提问于2016-07-04得票数 0
回答已采纳
3回答
我想知道是否有一种方法可以同时拥有数据uri和颜色的背景。最初我有这样的背景..。
background:#222 url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
我想要我的数据url图像，上面的css颜色高于#222。
这有可能吗？
更新：我很抱歉每个人都有争议来回答这个问题。我犯了一个小错误，没有替换数据uri代码而不是图像路径。
谢谢
浏览 6提问于2015-03-27得票数 0
1回答
我需要在Rails脚本中从给定的网站URL获取所有背景图像
我和诺科吉里试过：
doc = Nokogiri::HTML(open(url)) // url - will be any website
以下是网站HTML和CSS：
<h1 class="logo">
<a href="/">Website Name</a>
</h1>
.logo {
width: 193px;
height: 73px;
float: left;
background: url(/themes/site_th
浏览 3提问于2013-06-05得票数 0
4回答
我有一个徽标div，我想使用我的徽标图像作为其背景，例如：
.logo {
background: #FFF url(images/logo.jpg);
}
但是，在我的脚本中的设置页面上，我希望有一个文本输入字段来指定背景图像的图像URL。
如何将此div的背景图像设置为输入的图像URL，而无需执行以下操作：
<div><img src="/images/logo.jpg" /></div>
(脚本是用PHP编写的)
浏览 2提问于2012-07-03得票数 12
回答已采纳
2回答
我尝试使用CSS将多个背景图像添加到一个DOM元素(一个td)中。我可以指定多个堆叠在一起的背景图像，如下所示：
td{
background-image: url("img1.svg"), url("img2.svg");
}
这会导致img2堆叠在img1之上。但是，我需要指定一个背景图像应该偏离中心，而另一个背景图像应该居中。有没有办法在CSS中做到这一点，或者我需要花哨才能做到这一点？
浏览 1提问于2013-06-02得票数 0
回答已采纳
1回答
如何在不同的桌面设备上为我的图像应用相同的背景图像位置？
这是有背景图片的页面：
下面是我的代码：
#vision {
background-attachment: fixed;
background-image: url("/img/lapedrera.jpeg");
background-position: 85% 62%;
box-shadow: 2px 1px 6px 0 #888888 inset;
height: 350px;
margin-top: 35px;
width: 100%;
}
如果你通过这个工具查看并粘贴url，你会看到背景图像在不同的桌面设备中改变
浏览 2提问于2012-09-09得票数 0
回答已采纳
2回答
快速简单的问题在下面的例子中的一个外部CSS页面；
body {
background-image: url(background.jpg);
}
header {
background: url(background.jpg);
}
我知道它们影响了不同的元素选择器，我的问题是使用背景和背景图像有什么不同？其中一个可以访问另一个的特定属性吗？谢谢你，谢谢。
浏览 2提问于2016-09-21得票数 23
回答已采纳
2回答
在Qt中，我为一个QPushButton设置了一个背景图像，然后我为这个按钮添加了一个工具提示，工具提示与该按钮具有相同的背景图像，而且我无法用样式表更改它，我缺少了什么？
在我的代码中：
button->setStyleSheet("background-image: url(pathToImage);");
button->setToolTip("Click here");
在我的style.qss中有：
QToolTip{
background-image: none;
background-color: white;
浏览 1提问于2019-04-08得票数 0
回答已采纳
作为背景，我有一个线性梯度和背景纹理图像的组合，如下所示：
background-image: url("TEXTURE_IMG_URL"), linear-gradient(
rgba(2, 0, 36, 1) 0%,
rgba(25, 147, 150, 1) 35%,
rgba(117, 144, 141, 1) 100%);
我不希望TEXTURE_IMG出现在所有的章节中，因为它可以重叠文本，但是我希望整个页面都保留linear-gradient的背景。
如何向特定区域添加额外的背景图像(纹理)层，因此我一直以线性梯度作为背景，并且只在我想要的部分合并背景纹理图像？
浏览 4提问于2021-04-15得票数 0
3回答
我正在尝试创建一个网站的标题。我正在尝试做的是在我的页面上重复一个背景图像作为标题背景。这张图片的宽度是1px。在该图像的顶部，我想要将另一个背景图像居中放置在前一个图像的顶部，并使其居中并且不重复。第二个图像是网站的徽标和标题等。
使用下面的代码，我得到了顶层没有居中，并与底层重复。
.mainHeaderBottomLayer
{
background-image: url("images/header.png");
background-repeat: repeat-x;
height: 107px;
text-align: center;
浏览 4提问于2012-02-27得票数 3
回答已采纳
我有一个滑块，显示一组不同尺寸的if图像。有些人的宽度比高度大得多，有些人的身高比宽度大得多，有些人的身高和宽度几乎是一样的。
这些图像显示为li列表中的ul标记的背景。
<ul class="gallery_container">
<li style="background:url(link1) no-repeat;"></li>
<li style="background:url(link2) no-repeat;"></li>
<li style=&#
浏览 4提问于2016-05-15得票数 2
回答已采纳
在背景色上设置背景图像有问题:下面是我的示例，这样您就可以理解我的意思：
下面是功能CSS部分：
#tancan{
background-color: #ebebeb;
background-image: url('http://lamininbeauty.co.za/images/products/tancan2.jpg');
}
正如您在JSFiddle中看到的，背景图像重复。如果我使用“不重复”作为属性，图像将消失。
另外，我希望背景图像向右浮动，如果图像比包含的div大，我如何使它成比例地匹配？-就像使用width: 100%和height: 100%使
浏览 4提问于2012-08-10得票数 1
回答已采纳
我的站点上有两个图像，一个是简单的图像(在HTML文件中)，另一个是通过标记添加到HTML文件的容器(页面的主要部分)的背景(在CSS文件中定义为" background - image :url(x)")。页面的其余部分的背景为#eeeeee (略暗的白色)。
设置了两个图像的z索引，使图像位于背景图像的顶部，这正是我想要的……但是，我可以透过图像看到背景图像。这是因为具有不透明度:0.4作为样式属性。所以它显示到后台是有道理的，但是有什么方法可以让它透明到我的#eeeeee背景吗？
浏览 0提问于2013-10-02得票数 0
2回答
我正在创建一个应用程序，我希望它有一个固定的背景图像在它。我使用的是html5、css3和javascript。我让我的css像往常一样修复我的背景图像，就像这样：
body{ background:#1F1F1F url(../assets/bg.png) fixed;}
好的，即使在IE8和背景图像固定的情况下，浏览器中的所有东西都工作得很好。但是当涉及到我的移动设备的默认浏览器时，图像不再是固定的！
任何帮助都将不胜感激。
浏览 1提问于2012-09-25得票数 3
回答已采纳
6回答
在我的网站上，在一个表格中，我必须插入一个图像作为背景。我这样做了，但图像看起来像双图像，因为图像比单元格的宽度和高度小，它变得重叠。
在背景图像单元中，我使用了无重复来结束相同图像的重复显示，但它不起作用。我正在使用django框架中的html设计网页。
模板为
<td background="{{ STATIC_URL }}images/sample.JPG" no-repeat;>
我可以知道如何取消在表格单元格中重复显示相同的背景图像吗？
谢谢
浏览 0提问于2013-04-15得票数 4
回答已采纳
1回答
我尝试在背景img上使用悬停，如下所示：
.featuredimg{background: url('[imgPathHere]');
width:370px;
height:430px;}
.featuredimg:hover{background: url('[imgPathHere]')0px -430px;}
问题是我使用的是twitter bootstrap，这样网站就可以响应了。如何在允许图像缩放的同时继续使用背景img悬停。现在，无论窗口大小如何，图像的宽度和高度都保持不变。
浏览 4提问于2013-03-05得票数 0
我正在尝试设置容器的背景，缩放并居中，只覆盖容器的一些部分。当我使用如下所示的正常图像时。它工作得很好，但图像覆盖了整个容器。
Image img = URLImage.createToStorage(placeHolder, url, url, URLImage.RESIZE_SCALE);
findContainerMain(f).setUIID("ContainerBgImage");
findContainerMain(f).getStyle().setBackgroundType(Style.BACKGROUND_IMAGE_SCALED,true);
findCon
浏览 0提问于2016-06-23得票数 1
2回答
在尝试用尽可能少的HTML代码设置背景(并尽可能多地将其放入CSS中)时，我被困在这个演示中。
主要问题
为什么第三张和第四张幻灯片与第一张和第二张幻灯片的背景尺寸和中心来源不同？删除-image部件并仅使用简写的background显然破坏了背景位置和中心位置，尽管这些规则是在CSS中明确设置的。我忽略了什么？
奖金问题
过渡有两种效果:首先是水平滑动效应，最后是放大。是否有可能使这两种效果并行工作，而不是一个接一个？换句话说，要在幻灯片水平滑动的同时开始缩放，以实现更动态的平稳过渡？
。
style="background-image: url(https://...
给出所需的缩
浏览 5提问于2021-03-18得票数 2
回答已采纳
2回答
jQuery在滚动时更改背景图像
、、、、
我一直在努力让我的背景图像在滚动时改变。我尝试了发布到类似问题的解决方案，但到目前为止还没有成功，它只会显示第一张背景图像。
基本上，我将背景设置到一个固定的位置和几个div，每个div的大小是视区的大小，每个div的上边距都是视区高度的大小。换句话说，当滚动时，用户仅在滚动经过每个div之后才能看到背景图像。我希望背景图像在它们滚动经过每个div之后发生变化。
代码如下：
$(window).scroll(function() {
var windowY = $(window).height();
var scrolledY = $(window).scrollTop();
浏览 1提问于2013-04-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
