腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
4
回答
如何在图像上放置图像?
、
假设我有一个div,并且div有像<div><img src='img1.png'/></div>这样的img标记,所以当页面运行时,img1.png将加载到div中。我只想知道如何才能像img1.png上的任何繁忙图像一样将另一个小图像放在中心位置。最好的方法是什么,比如使用jquery或css。给我的css或jquery放置在div的中心小图像。 我还有另一个问题,如果一个div有用css设置的背景图片,那么我是否可以使用jquery来确定背景图片下载是否完成?如果可能的话,请给我看一个示例代码。谢谢
浏览 0
提问于2012-02-02
得票数 4
回答已采纳
3
回答
背景图像事件处理程序
、
如果一个超文本标记语言元素(例如div)有一个CSS背景图片,是否可以指定一个当用户点击背景图片时触发的事件处理程序,而不是元素的任何其他部分? 如果是这样的话,我们将非常感谢一个JQuery示例。
浏览 2
提问于2011-11-09
得票数 5
1
回答
根据div CSS的宽度和高度缩放背景图片
有没有办法让背景图片根据div的宽度和高度进行缩放?仅使用CSS。
浏览 1
提问于2013-03-18
得票数 0
回答已采纳
2
回答
CSS背景图像在iPad和iPhone上的大小调整不正确。
、
、
我的网站的背景图片在Chrome和Safari中使用background-size: cover可以很好地调整大小,但当我在ipad或iphone上测试我的网站时,CSS背景图片真的被放大了,看起来很糟糕。我在这里读到了很多与此相关的其他问题,但没有一个能解决我的问题。 HTML <div class="background"> </div><!--background--> .background没有容器,是屏幕的100%宽度。 CSS .background { height:600px; width:100%;
浏览 6
提问于2014-03-03
得票数 24
回答已采纳
2
回答
如何用div替换html背景图片?
、
、
目前,我使用下面的CSS来显示Twitter Bootstrap站点的背景图像: html { background:#505D6E url(/img/background.jpg) no-repeat center center fixed; min-height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 我必须用di
浏览 2
提问于2015-01-28
得票数 0
2
回答
检查div是否设置了背景图像
我正在尝试检查某个特定的div是否设置了背景图像URL。 这是没有背景图片的结构: <div id="page-header"> <div class="bg"> <div class="bg-layer-upper-image" style=" background-image: url();"> </div> </div> </div> 这是一个集合的结构(它们是动态的): <div id="page-header&
浏览 25
提问于2019-09-24
得票数 1
3
回答
使用JS更改图片
、
、
我想改变背景图片(一个div)与javascript,我将采取从数据库。图片嵌入在CSS中。我想使用JQuery。 CSS .home_div { width: 958px; height: 350px; margin-bottom: 12px; background: url(../images/bg_home_div.png) } 没有JScript。但我在网站的其他部分使用Jquery。
浏览 3
提问于2011-05-12
得票数 0
回答已采纳
5
回答
在带有白色bg图像的div上创建一个透明背景的CSS三角形?
、
、
好的,所以,我正在尝试复制你在页面底部看到的效果,使用返回顶部的按钮: -在我们保持连接的内容区域之后。 基本上,他使用的是背景图片,我想用CSS复制它,并保持相同的效果。 我知道如何用CSS创建带有边框的三角形,但在我的例子中,我想使用透明的bg图像,而不是颜色,所以我不能使用边框 我删除了背景图片,并在整个div上使用了#FFF,所以现在它是白色的……我创建了一个新的div,在其中添加了back to top按钮,并添加了background: transparent,这样它就是透明的,但是如何通过CSS创建三角形呢? 任何帮助都是非常感谢的。
浏览 1
提问于2012-07-08
得票数 5
回答已采纳
5
回答
使用jquery动态创建div
我尝试将背景图像添加到动态生成的div中。当我为背景添加CSS属性时,如下所示,它破坏了我的插件: $("<div>", { 'class': "iviewer_image_mask", css: "background: url('http://somesite.com/path/to/image.jpg');" }).appendTo(this.container); 有人知道我在添加背景图片时做错了什么吗?
浏览 1
提问于2012-08-01
得票数 18
回答已采纳
2
回答
使背景img为100%宽度,同时保持内容容器的另一设置宽度
、
、
因此,我试图让其中一个div的背景图像覆盖整个屏幕,同时使div集中的内容保持一定的宽度。 我尝试过overflow:visible,min-width:100%,max-width:100%,但这些选项似乎都不能正常工作。我不确定是不是因为我通过CSS覆盖了原始图片来设置背景图片。 由于我的网页还没有上线,我已经链接了一个图片来帮助解释。 我试着把背景图片变成全宽的规则放在下,最大宽度:100%,这样所有的内容都变成全宽,而不仅仅是背景图片。 任何帮助都将不胜感激,如果您需要更多信息,请联系我们。谢谢!
浏览 0
提问于2016-05-27
得票数 1
1
回答
用ReactJS实现SVG中<path>的CSS设置
、
、
、
我有带有<路径>标记的ReactJS组件。我无法在此<路径>标记中设置CSS属性。主要问题是,对于我的应用程序,我不能在render()函数中包装< div >标签。如何在标签中添加类似背景图片的CSS。
浏览 0
提问于2015-06-24
得票数 0
1
回答
无法在我的登录页面中添加背景图像。
、
我正在努力把背景图片放在我的新项目的登录页面上,但是我就是不能添加它。 我尝试在js文件中创建div,并在css中插入该div名称的背景图像,并提供在线照片。
浏览 13
提问于2022-11-30
得票数 0
3
回答
使用JQuery设置div背景图像
、
我正在使用JQuery来设置div的背景图片,如下所示: $(document).ready(function() { $('#pic').css("background","url(images/pic.jpg)"); }); 但是图像不会显示。如何解决这个问题? 谢谢。
浏览 3
提问于2009-10-23
得票数 6
5
回答
如何将背景图像应用于hover- jQuery中的div
、
、
、
我想在这个div中添加一个背景图片: <div class="logo-main"></div> 但是我的脚本不起作用: <script type='text/javascript'> $(document).ready(function(){ var div = $('.logo-main'); $('.logo-main').hover(function() { div.css({ 'background': 'url(images/s
浏览 0
提问于2013-03-20
得票数 0
回答已采纳
1
回答
有没有CSS3滤镜可以把带有渐变的颜色变成纯色
、
、
、
、
我有一个特殊的例子,我使用带有radial-gradient的-webkit-mask在背景图片上创建小点。这些点的颜色是transparent,这样背景图片就可以在这些点中看到。 现在,每个点中的颜色都有一个渐变。 是否有可能检测每个点的平均颜色并应用显示纯色的CSS滤镜? 所以我想要的是当我有一个蓝色阴影的点,然后我想要应用一个只显示纯蓝颜色的滤镜。 下面是这样一个案例的截图: 在CSS中,是否可以不为每个点添加单独的div并手动设置CSS背景颜色?或者我需要玩弄WebGL?
浏览 5
提问于2014-07-11
得票数 2
1
回答
HtmlUnit -下载背景图片
、
如何从css中强制下载背景图片?HtmlUnit忽略了像这样的样式: <div class="news-item-image" style="background-image: url('https://xxx/uploads/craft-blog-01_190611_101631.png')">
浏览 0
提问于2020-03-23
得票数 1
3
回答
如何在所有页面宽度中保持背景图像高度不变?
、
、
背景图片的宽度是1579px,所以如果我们把浏览器拉长到1920px,背景图片的高度会发生变化,即使我给出了固定的div宽度(650px)。那么如何在所有页面宽度中保持背景高度不变呢? CSS: .blue_bg1{ background: url("../images/hero-bg-espresso.jpg") no-repeat; height: 650px; background-position: center center; background-size: 100% auto; width: 100%; }
浏览 3
提问于2014-12-06
得票数 0
3
回答
有没有工具可以移动网页上的元素来辅助设计?
、
有没有什么工具/Firefox插件可以让你在页面上拖动元素(div,图片等),并告诉你已经移动了多少(x,y)?这将大大加快设计页面的速度,而不是调整css,重新加载页面,调整css,重新加载页面。 我发现在编辑css live时很有用,但它在使用时似乎隐藏了背景图片。
浏览 15
提问于2010-07-18
得票数 1
回答已采纳
1
回答
不在div内添加背景图像
、
、
我尝试在div中添加背景图片,但是图片没有显示在div中,但是背景图片工作正常。我遵循了几个教程来解决这个问题,但是没有人支持我解决这个问题。请帮我把这个problem.thank你修好。这是我的代码部分.. 在jsp内部... <div class="six"> <div class="six_one"> //some thing </div> <div class="six_two"> //some th
浏览 1
提问于2018-08-26
得票数 0
3
回答
响应式背景图像及其内容
、
我想要一个响应式的网站。但我的问题是背景图片不能调整大小,当我放大或缩小时,它的内容会被放错地方。 <div id="background-image"> <div> /* content here */ <div> </div> CSS: #background-image { background: url("/assets/beautiful-bg.png") no-repeat; background-size: cover; } 我的代码中缺少什么?
浏览 31
提问于2020-08-17
得票数 0
3
回答
使用CSS的导航菜单
、
、
、
、
我试着用html和css2做一个简单的水平导航菜单。 有点特别的是,我想要一个漂亮的背景(图像),而且菜单的左右两侧都有背景图像(圆角)的样式: (链接1|链接2|链接3) 如果分隔符也是图像就好了,但目前它们对我来说是第二优先的,因为我已经在与角落作斗争了。 我尝试使用3或4个div,其中一个是整个栏的容器,其余是left、center和right div。设置最后3个div中的背景图片: div.nav { height:39px; line-height:39px; padding:0; margin:0; text-align:center;
浏览 0
提问于2011-06-29
得票数 0
回答已采纳
3
回答
如何将背景设置为div
、
我试图在一个div的背景下设置图像,但是消失了!我要背景图片覆盖整个页面,谢谢。 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div { width:100%; height: 100%; background-image: url('https://static.vecteezy.com/system/resources/previews/000/094/491/original/polygonal-t
浏览 3
提问于2016-09-24
得票数 0
回答已采纳
1
回答
如何动态设置图片大小?
、
、
我正在尝试将一个图像元素放在背景图像的顶部。 图像元素需要根据用户的动作进行动画处理。我的背景图片css如下所示: css body { background: url('test.png') no-repeat center center; -webkit-background-size: 100% auto; background-color: #00ABBA; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 10
浏览 0
提问于2014-01-30
得票数 0
2
回答
使用jQuery将鼠标悬停在div上时更改背景图像
、
、
、
HTML设置 我有一个如图所示的设置。我希望用户将鼠标悬停在每个红色框上,当鼠标悬停在每个框上时,我希望背景(现在是灰色的)变成背景图片。不同的图片和不同的盒子。在我的css中,我有: #service { background: grey;} 我写了这段jQuery代码: $service = $('#service'); $('.service-list').on('mouseover', 'div', function() { $service.css('background-image',
浏览 4
提问于2016-10-24
得票数 1
4
回答
Rails 4,设置CSS背景图像
、
、
、
我想通过CSS background: url()属性设置一个背景图片。但它不起作用。没有什么特别的。我已经做到了: -rails new myApp -rails g controller Welcome index. 就这样。我有这个div: <div class="image"> 它的CSS是: .image{ background: url('image.jgp'); } 我的assets/ image.jgp文件夹中有图像。我可以做<%= image_tag('assets/image.jgp'),它可以工
浏览 3
提问于2016-09-27
得票数 0
1
回答
使用DD_roundies problem IE6+的圆角
、
、
我用DD_roundies的jquery插件绕过了Corner的任何div。 这个插件工作得很好。但我的div有一个任意背景图片( CSS )现在在FF,Chrome和IE6工作,并显示与背景的div角,但在IE7,IE8,IE9不显示div背景,只有圆角我的div。 如何解决这个问题。谢谢
浏览 2
提问于2011-08-13
得票数 0
3
回答
背景图像CSS不工作
、
、
、
有没有人能告诉我为什么这个不起作用?背景图片和背景我都试过了。还尝试了不同的高度和宽度属性。 <html> <head> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div class="wtd-intro-left"><span></spa
浏览 2
提问于2016-02-23
得票数 0
2
回答
css -我可以让jQuery属性动画化吗?背景-特别是图像
、
、
、
、
我知道我可以淡入淡出div和元素,但我也可以动画属性吗?我刚刚在更改某个div的背景图像属性时想到了这一点。并认为如果背景图像也淡入会很酷;) 这是我用来替换背景图片的代码。但是它能被动画吗? var originalBG = $('#wrapper').css('background-image'); $('.bggallery_images img').hover(function () { var newBG = "url('" + $(this).attr('src'); $(
浏览 2
提问于2010-05-04
得票数 0
3
回答
图像不在Wordpress中显示,但在HTML/CSS中显示
、
、
我有一个包含背景图片和文本的div,但这在Wordpress中不显示。但是,它在HTML/CSS中工作得很好,您可以在这里看到 当我尝试查看Firefox开发人员工具中的代码时,CSS没有显示。所以看起来CSS根本不与HTML连接。我也尝试过更改div的名称,但没有起作用。我甚至不知道到哪里去找线索。任何帮助都是非常感谢的!
浏览 0
提问于2017-06-04
得票数 0
5
回答
在CSS中支持3个背景图片?
、
我想有一个div的3个背景图像。我知道CSS2和CSS3都能处理2张图片,但他们能处理3张吗? 背景图片纯粹是为了美观起见,所以如果它不能在所有浏览器上工作,那也没问题。我应该使用CSS2还是CSS3来实现这一点,它们的支持范围有多广? 谢谢
浏览 1
提问于2011-04-01
得票数 0
回答已采纳
2
回答
已加载Javascript事件css背景图像
、
有没有办法检测到css背景图片已经被加载了?通过使用普通标签,这将很容易,但我需要使用css背景,因为我将div放置在图像上。我需要检测这个图像是否已经加载的原因是,我不想在显示背景图像之前开始预加载额外的图像。
浏览 0
提问于2009-10-13
得票数 4
回答已采纳
4
回答
当我单击子div时,如何关闭父div函数,当我再次单击父div时,该函数将处于活动状态
、
、
、
我想让用户去一些网站当他点击我的网站背景图片(父div),但功能需要关闭时,用户点击我的网站内容(子div),然后当用户再次点击背景图片(父div),该功能将是活动。 我尝试了很多次,但当我点击我的网站内容(子div),并再次点击网站背景图片(Parent div)时,该功能不起作用。 我能做些什么?谢谢! 下面是我的代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>Test
浏览 52
提问于2019-01-04
得票数 0
回答已采纳
1
回答
如何借助php中的url参数改变背景图片?
、
、
、
、
我正在尝试改变一个简单的php页面的背景图像与帮助网址参数。我是个新手,对编程了解不多。 <img width="250" src="https://i.imgur.com/<?php echo $_GET['img']; ?>.png"> 当我在url中使用上面的代码时,我将通过输入图像链接从imgur.com获得所需的图像,例如: http://example.com/?img=frotzyG (全图网址:https://i.imgur.com/frotzyG.jpg) 但它只在div中显示,例如 <div c
浏览 15
提问于2019-04-15
得票数 0
4
回答
jQuery -为什么附加的Div总是在顶部?
、
、
我想要一个div作为背景图片。div是通过jquery添加的。虽然它的z指数是零,但它总是在顶部。我怎么才能把它放进后面? JS $('#wrap').append( $('<div />').addClass("box") ); CSS .box{ width: 500px; height: 100px; background: green; opacity: 0.7; position: absolute; top:0; z-index:0; }
浏览 4
提问于2013-11-28
得票数 0
回答已采纳
7
回答
网页剖面的半透明效应
、
我有我的网页的背景图片,我有这个 HTML: <body> <div class="front"> <p>Hello World</p> </div> </body> CSS: .front{ background-color:silver; height:200px; width:200px; } div的宽度和高度是200 ie,200 ie,我希望div元素覆盖的区域是半透明的。显示模糊的背景,但是div包含的文本也应该是清晰的。我该怎么做?
浏览 6
提问于2015-12-23
得票数 3
2
回答
如何将Angular应用的背景设置为图片?
、
、
、
在我的app.component.css中 .container{ background-image: url(/image.jpg); } 在app.component.html中,我有 <div class="container"> <h1>image</h1> </div> 我对此感到困惑,因为它不起作用。有没有更好的方法来设置应用程序的背景图片?
浏览 0
提问于2020-10-06
得票数 0
2
回答
如何在Angular中添加透明的背景图片到整个页面?
、
、
、
、
我试着把背景图片放在整个页面上。此外,背景应涵盖材料数据表。做这件事最好的方法是什么?背景也应该是透明的,这样你就可以阅读表格的内容。 下面是添加背景图片的代码: HTML: <div class="image"> <mat-toolbar color="primary"> <mat-toolbar-row> <img src="assets/{{img_source}}" alt="img_source" title="img_source" w
浏览 69
提问于2019-01-16
得票数 2
2
回答
(Html和css)在包装器中设置背景图像时出现问题
、
我是网页设计的新手,在包装器中设置背景图片时遇到了一些小问题。请友好地通过以下源代码和css文件。您的协助将不胜感激。 #wrapper { width: 100%; top: 0; left: 0; position: absolute; background-image: url(http://lorempixel.com/300/300); } <div id="wrapper"></div>
浏览 3
提问于2015-01-01
得票数 1
2
回答
单击一个div并更改其他div中的背景图像。
、
我试图通过单击div和另一个div更改背景图片来获得: <div class="stileone" value="http://lorempixel.com/200/200/"> <img scr="http://lorempixel.com/200/200/"> </div> <div class="stileone" value="http://lorempixel.com/150/150/"> <img scr="http://lore
浏览 17
提问于2016-01-05
得票数 1
回答已采纳
3
回答
背景图像水平拉伸
、
、
、
、
我的网站有一个水平滚动结构,它是响应式的。在我的屏幕上,我的网站宽度: 9600px。 我有一张背景图片。像这样打开body之后: <div class="bg"> <img class="bg-st" src="themes/bc/images/bc-bg.png"> </div> 和CSS: .bg { bottom: 15; position: absolute; z-index: 1; width:100% height:100% } .bg-st { width:100%; height:100
浏览 0
提问于2013-01-24
得票数 2
4
回答
我想把背景图像放进一个Laravel项目的刀片里
、
、
、
、
我刚开始用laravel做一个项目,我想在我的主页上看到一个完整的背景图片。我尝试了普通的css html方法,但它不是working.Here,而是我的代码home.blade.php: <html> <head> <title> AgroHelp Login</title> <link href="{{asset('css/home.css')}}" rel="stylesheet" /> </head> <body> <div class=
浏览 5
提问于2017-09-01
得票数 0
回答已采纳
1
回答
JS fadeIn,fadeOut故障
、
我有一个纯CSS翻转,我试图添加一个平滑过渡/淡入淡出效果,但我似乎不能让它去。 当您将鼠标悬停在div "online“上时,会出现一个新的div "online- hover”。"Online“是默认的背景图片,那么新的div "online-hover”应该会在新的背景图片上淡入。我有HTML和CSS的工作,但现在我试图添加JS,使它看起来更漂亮。示例: <div id="sidebar"> <div class="steps online"> <div class="steps-h
浏览 3
提问于2013-07-12
得票数 2
回答已采纳
2
回答
试图让两个背景图像并排浮动,我做错了什么?
、
、
<!DOCTYPE html> <html> <head> <meta charset="utf-8> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="final.css"> </head> <body>
浏览 0
提问于2015-12-12
得票数 0
5
回答
使用CSS将背景图像添加到div
、
、
我一直在尝试使用CSS将背景图片添加到div类中,但没有成功。 HTML代码: <header id="masthead" class="site-header" role="banner"> <div class="header-shadow"></div> <hgroup></hgroup> <nav role="navigation" class="site-navigation main-nav
浏览 54
提问于2013-11-19
得票数 54
回答已采纳
1
回答
区域标签上的背景图像
、
有没有人知道如何在区域标签中添加背景图片?我不能使用带有绝对位置的div,因为它们会在不同的分辨率下掉到不合适的地方,而且jquery css('backgroundImage','')函数似乎不起作用。有什么想法吗?
浏览 3
提问于2012-10-21
得票数 0
回答已采纳
1
回答
如何捕捉背景图像画布和用户上传的图片?
、
、
所以我有一个html文件,它有一个使用背景图像的画布。但我现在面临的问题是,当用户上传一张新图片时,它会替换掉这个背景图片。但我想要做的是让用户的图片在背景图片后面,这样他们就可以将其作为一个完整的图片下载。 脚本使用php和js。但我认为这与CSS和HTML有关。所以你能帮帮我吗:)谢谢! HTML代码: <div class="dropzone" data-download="true" data-width="594" data-height="816" data-url="canvas.php"
浏览 0
提问于2015-08-14
得票数 0
2
回答
如何样式化一个html元素的边框?
、
我有这个网站的一部分,我希望H3s看起来像这样… 其中“-”部分是花哨的摇摆背景图像。左边的和右边的是彼此的反射。 所以一个选择是..。 <h3> <div class="left-image-thing"></div> <span>Centered Text Here</span> <div class="right-image-thing"></div> </h3> ...and将图像放在跨度周围的div中。但我只想要... <h3
浏览 2
提问于2013-01-11
得票数 1
1
回答
预渲染图像
、
、
我有一个名为#highlights的div,它交换文章标题和插图。当我使用jQuery切换到新的插图时,如下所示 $("#highlights").css("background","url("+path+")"); 第一次设置的背景图片显示得很慢。我该怎么解决这个问题呢?
浏览 2
提问于2013-12-16
得票数 3
1
回答
网站javascript在负载崩溃时出错
、
、
、
如果您单击此链接跟踪该网站 密切注意标题滑块是如何加载的。 如果您注意到,它会在100%加载div之后崩溃,然后用图像展开。图片和幻灯片由背景图片和CSS食物组成. 在JS脚本中,它将头div设置为自动高度,但我不熟悉如何在加载div之后设置设置高度,以防止崩溃。
浏览 0
提问于2015-04-29
得票数 0
回答已采纳
4
回答
与<body>一样大的全屏<div>
我想创建一个覆盖整个屏幕宽度的框,以便始终响应全屏幕宽度。 我当前的CSS代码总是将框限制为Boddy,但我想要全宽。 另外,我想在盒子里放一张背景图片。 有人能帮我吗? 我的CSS: div.bg { background-image: url("LINK TO PIC"); background-repeat: no-repeat; background-size: cover;}
浏览 0
提问于2016-06-19
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
《精通DIV+CSS网页样式与布局》
CSS实现div的全屏自适应显示
做网站-如何用DIV+CSS做网页
div+css定位技术之相对定位和绝对定位
php学习之div和css标准化布局
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券