1回答
我试着给网站的主体添加一个背景，我想要显示整个背景，并将网站的内容居中。
我使用了以下CSS，但无法将其居中：
body {
margin: auto;
background: url(../images/bggeneral.jpg) top center repeat;
background-position: center;
font-size: 100%;
line-height: 1.0625em;
color: #515151;
width: 100%;
}
背景图片：
我需要裁剪图像或类似的东西吗？
浏览 0提问于2012-10-22得票数 1
回答已采纳
2回答
IE似乎选择忽略我的背景图片:(，它获得了布局等的所有样式，但不确定我哪里出错了
这是删除的链接
css样例正文{ background:#eae3e3 url(样式/图像/bg.jpg)无重复居中0；}
浏览 0提问于2010-08-22得票数 0
回答已采纳
2回答
我会这样做:我有一个背景图片(顶部居中)，我会用内容填充它的中下部。我会做一些像这样的事情。注意:它是可调整大小的！
我怎么能做出这样的东西呢？我使用Zurb Foundation作为CSS框架。谢谢!
浏览 0提问于2012-02-11得票数 0
1回答
让我的背景图片被所有浏览器支持？
、、、、
我有一个我的网站的背景图片，我已经设置为响应浏览器的大小并保持居中；当我在Chrome中调整大小时，它完全起作用。然而，背景图像不会出现在IE中，也不会出现在我的android手机的Chrome应用程序中，也不会出现在Safari上；基本上它只能在Chrome上运行。我应该怎么做才能使背景图像显示在所有设备和浏览器上，同时保持居中？
CSS：
html {
background-image: url("http://blog-imgs-65-origin.fc2.com/s/n/n/snnantn/20140317230845d64.jpg");
backgro
浏览 0提问于2015-01-28得票数 0
我正在尝试让一个容器有两个并排的背景图像，这样我就可以在两个图像的顶部居中显示一些文本。到目前为止，我只能显示一张背景图片。如何将它们分开？ HTML： <article class="about-us">
<div class="staff">
<h2 class="about-us-content">Let us share your story.</h2>
</div>
</article> CSS： .staff {
hei
浏览 23提问于2021-01-28得票数 1
2回答
我有以下背景图片：
我想用这个作为div的背景，但要放在div的底部，并且只从左到右平铺，而不是从上到下。此外，我希望div的背景颜色是#e4e5e6，这样颜色就可以通过透明块的位置显示出来。
这是我的开始：
HTML
<div class="tiles"></div>
CSS
.tiles {
width:100%;
height:400px;
background-color: #e4e5e6;
background: url('tiles-bg.png') bottom left fixed ;
浏览 0提问于2014-03-09得票数 0
我正在学习如何使用HTML和CSS。我想在页面顶部制作一个导航菜单。我附上了我想让它看起来像什么的参考。我有红色的背景图片，但我想知道如何在每个图片上居中显示href链接文本。Here is what I want the menu to look like这是我已经开始编写的代码。 <ul class="navigation-bar">
<li>
<div class="tabs">
<i
浏览 16提问于2020-06-24得票数 0
回答已采纳
1回答
我有一个背景图片，它是垂直和水平居中使用CSS。它看起来很棒，只要窗口足够大来显示背景图像，它就可以工作。
当窗口大小调整到比bg图像小时，我遇到的问题就出现了。当这种情况发生时，bg图像继续居中，但我需要在bg图像的顶部和左侧保持最小的边距。BG图像是900px x 700px，我使用的代码是：
#main_wrapper {
background-image: url(../images/background.jpg);
position:relative;
width:900px;
height:700px;
left:50%;
top:5
浏览 0提问于2012-07-13得票数 1
2回答
我的背景图片对齐似乎不正确。如何让背景图片居中对齐？
body {
background-image: url('<?php echo $backgroundpic;?>');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width: 100%;
height: 100%;
}
浏览 0提问于2015-11-01得票数 0
我想知道如何设置背景图片以保持其在此网站上的位置：
当你将浏览器拖到960像素以下时，侧边栏的背景开始向中心移动。
我找到了可以解决这个问题的。
我仍然在搜索是否有一个简单的方法在CSS中保持图像居中，而浏览器的宽度是超过960px和固定，而它是低于这个大小？
浏览 8提问于2012-10-02得票数 2
回答已采纳
我正在尝试在背景图像中居中嵌入的视频。你可以看到背景图片和YouTube视频并没有在彼此中间居中。以下是指向该示例的链接：
我通过将视频嵌入到div中并将其居中来做到这一点。我还尝试将背景图像居中。下面是我使用的代码：
<div style="text-align: center;">
<iframe width="640" height="360" src="http://www.youtube.com/embed/LBJJ4s6VAz4?rel=0" frameborder="0
浏览 1提问于2012-10-02得票数 1
5回答
我正在寻找一种css的方式，有一个100%高度的布局体育，这意味着白色将拖尾到底部的文件，而不是窗口。我想在没有图像和javascript的情况下做到这一点。
我尝试过html,body{height:100%}，它只适用于窗口，而不适用于文档。我也试着放了一个900px的身体背景图片，它并没有居中于容器div的中心。
浏览 0提问于2011-06-28得票数 3
回答已采纳
我有一个居中的包装器，带有以下CSS：
div.wrapper {
width: 1170px;
padding-left:30px;
margin-top: 80px;
margin-bottom:20px;
margin-left: auto;
margin-right: auto;
position:relative;
background-color:black; }
在内部，我有一个带有以下css的div：
position:absolute;
top:-26px;
left:517px;
height:63px;
z-index:3;
在这个div的内部是一个宽度为759px的
浏览 0提问于2010-04-14得票数 4
因此，我正在尝试让div与背景图片显示在我的网页上。在IE中它看起来还不错，但在chrome中，当它不是全屏时，页面看起来很好，当你使窗口全屏时，div2上的边框在右侧大约太宽了20像素。第一个div应该是可用屏幕的大小，第二个是居中的75%。它看起来似乎chrome在第一个div上看不到我100%的高度。这是我的css样式表：
@charset "utf-8";
/* CSS Document */
#main {
background-repeat:no-repeat;
background-size:cover;
font-size
浏览 0提问于2013-02-26得票数 0
回答已采纳
1回答
我的第一个问题。我在这里搜索过类似的话题，但没有什么是我真正想要的。
我在Blogger上设计我的博客，一切都很顺利，但我遇到了一个小问题(不太重要)，我不介意补救。我让“header-wrapper”背景图片很好地居中在我的页面上，但我不喜欢当我把浏览器窗口变小时，背景图片(也就是我的header)保持不动；我想是相对于conent-wrapper的。
我想要的是让我的页眉相对于整个页面居中。这样，当我调整我的窗口大小时，我的标题将总是在屏幕的中间。
下面是针对我的问题的相关css (至少我认为是这样！)
body {
background: #fefefe;
background-ima
浏览 0提问于2014-01-31得票数 0
我使用了Qt的setBackgroundBrush函数来设置背景图片。如何调整图像大小或设置其位置？
例如，我希望它居中并填满整个区域。
浏览 4提问于2012-12-26得票数 0
所以我正在尝试开发一个有背景和一些居中文本的基本网页，但由于某种原因，它不读取css文件，也不会产生背景图像。
是的，css，html和背景图片都在同一个文件夹里。我使用的是括号集成开发环境 (不会有什么不同，但是是的)
HTML源
<!DOCTYPE html>
<html>
<head>
<title> Sample Page </title>
<link rel="stylesheet" href="style.css
浏览 0提问于2016-12-15得票数 0
2回答
我想做一个侧边栏，其中的文本是旋转和居中的侧边栏。我要的是文字和css，而不是背景图片之类的.
在css中，这样的事情会怎么做呢？
我试过使用transform: rotate(7deg);之类的东西，但我无法正确定位它。
具有基本结构。顶部应该在屏幕的左边(就像在图片中)。
这也必须是有反应的。单击菜单时，切换侧栏幻灯片，这样文本就可以很容易地用一些css/js隐藏起来。
谢谢
回答：
达林耶奥的回答对我来说是正确的选择。很多简单的组成div，你会(水平)，然后旋转整个div。
在div内旋转文本似乎更难正确定位所有响应性断点。
浏览 13提问于2016-05-28得票数 3
回答已采纳
3回答
我在这里做了一些搜索，并尝试了推荐的不同代码，但似乎都不起作用。如果这是一个基本的问题，很抱歉，但我对编码非常陌生。我正在尝试将一个图像居中并适合浏览器窗口。我需要使用什么代码？附言:这张图片不是我的背景图片。我正在更改背景的颜色，并希望此图像在背景图像的顶部。这是我的代码
<body>
<div id="clock">
<img src="images/clock.png" alt="">
</div>
</body>
我需要使用什么CSS代码来实现我想要做的事情？第一个图像是它在
浏览 0提问于2015-12-04得票数 0
图片背景位置在50%左右，背景图片居中，但50%左右的绝对定位元素没有居中div元素，为什么？
代码如下：
<div style="position:relative;height:100px; background:url(images/demo.jpg) no-repeat 50% 0">
<div style="min-height:40px; width:140px; background-color:#aaa;position:absolute;top:0;left:50%;">
heloo this is
浏览 0提问于2013-02-27得票数 0
回答已采纳
3回答
我用背景图片做了一个线性布局，一个png…我不知道如何将它显示在布局(和居中)中保持比例。以下是代码
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="
浏览 0提问于2011-06-07得票数 4
回答已采纳
我有一个脚注div，这是一个简单的div，它有一个固定的高度和(它有一个背景图片，这就是为什么这是必要的)。
我希望它包含另一个较小的div，但所有文本和其中的小图标都应该与页脚div的中间对齐。另外，我希望较小的div位于脚注div的底部。
就像在excel中的单元格对齐方式中选择水平:居中、垂直:底部。
这方面的理想解决方案是什么？我不擅长使用css。Javascript是不可能的。
浏览 0提问于2011-03-30得票数 1
回答已采纳
我想给出背景图片在css文件内的位置，但它显示无效 已尝试，但未显示 css file
background: url{{('image/clock-background.jpeg')}}), center no-repeat; 应加载背景图像
浏览 32提问于2019-09-12得票数 0
回答已采纳
在这个页面上：，Facebook注册按钮有一个背景图片，这是一个大的白色F，在Chrome和火狐中，它正确地定位在左边，但是在IE11中它是居中的。有人知道怎么把这个放在左边吗？
下面是css：
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJNMTQgMjUgdiAtMTMgUSAxMyA2
浏览 4提问于2016-03-13得票数 1
回答已采纳
1回答
绝对中心登录表单隐藏引导程序3
、、、、
我正在创建一个登录表单，并尝试将容器居中(水平和垂直)。
它在台式机和大屏幕平板电脑上运行良好-登录容器完美地位于中心，背景图像显示得恰到好处。
然而，在手机上，在纵向视图中，背景图片是不可见的，在横向视图中，我无法向下滚动来填写登录表单，因为它被切掉了。
我试过摆弄大小设置，但它仍然不想工作！下面是Bootply示例：
浏览 1提问于2014-06-04得票数 1
5回答
我是一个服务器专家，虽然客户端(javascript)的能力有限，但却在不断增长。
我有一个应用程序，需要半打内部背景图片和文本的DIV标签，所有在较大的图像上定位。想想带有翻转和文本的透明图像吧。所有这些都是动态的，这取决于服务器端的模板和配置。
我发现使用核心的jQuery position()方法以编程方式定位这些内容要比尝试基于纯CSS和标记的方法容易得多。有许多技术可以使用CSS在DIV中将文本垂直居中，但position()使这一点变得很简单。
我的问题是：
广泛使用position()的方法与更多使用纯标记(传统HTML和CSS)的方法相比，有效性如何？我意识到，最终，大多数jQ
浏览 0提问于2010-12-18得票数 6
回答已采纳
4回答
我想知道把我的背景集中在x和y上是不是一种简单的方法？
我的例子很简单，我有一张很大的图片，我把它用作背景图片。但我的图像中最重要的东西并不在它的中间(我的图像上的红色X)。
因此，当我调整屏幕大小时，我的背景图像是居中的，但不是我想要的方式(例如，我们看不到整个脸)。有没有办法通过在css上设置一些x和y的中心位置来“改变中心”？
html：
<div id="service_4">
</div>
css：
#service_4 {
background-image: url(../img/service/service_4.jpg);
浏览 1提问于2017-04-30得票数 0
1回答
我有一个特殊的例子，我使用带有radial-gradient的-webkit-mask在背景图片上创建小点。这些点的颜色是transparent，这样背景图片就可以在这些点中看到。
现在，每个点中的颜色都有一个渐变。
是否有可能检测每个点的平均颜色并应用显示纯色的CSS滤镜？
所以我想要的是当我有一个蓝色阴影的点，然后我想要应用一个只显示纯蓝颜色的滤镜。
下面是这样一个案例的截图：
在CSS中，是否可以不为每个点添加单独的div并手动设置CSS背景颜色？或者我需要玩弄WebGL？
浏览 5提问于2014-07-11得票数 2
10回答
我有一个UIView，我用这种方式设置了一个背景图片：
self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"sfond-appz.png"]];
我的问题是，背景图像并不在视图中居中，但它会多次重放以填充所有视图。有没有办法让图像在uiview和截图中居中以获得屏幕大小？
注意:我不能使用UIImageView作为后台，因为我有一个scrollview。
浏览 0提问于2011-11-10得票数 72
回答已采纳
下面是我如何设置背景图片和内容模式：
[btn setBackgroundImage:[UIImage imageNamed:@"dots_game_horiz_blue.png"]
forState:UIControlStateNormal];
[btn setContentMode:UIViewContentModeCenter];
背景图像会被像素化有什么原因吗？框架比图像大小稍大，我只想让图像居中。
浏览 0提问于2009-08-05得票数 15
回答已采纳
我刚刚为一个客户端推出了一个网站，它使用background-size: cover;来获取全尺寸的背景图片，但它在移动Safari中不起作用。
因此，我使用img标记来显示图片，使用JS来查找视口的纵横比，并根据纵横比相应地设置全宽/全高。
现在，我想知道如何在视口中居中显示这张图片。在JS或CSS中。
代码：
div.si {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
}
<div class="si" style="backgrou
浏览 1提问于2016-06-30得票数 1
2回答
我想在我所有的网页中显示背景图片pages.My正文css代码
body{
background-image:url('image/silver.jpg');
background-repeat:no-repeat;
background-size:cover;
}
我将此页面包含在我的页面中
<link rel="stylesheet" type="text/css" href="css/body.css">
但这不能显示背景图像now.If我在头部包含了正文css代码，它显示背景图像。
浏览 1提问于2015-01-27得票数 0
我正在为Wordpress编写一个CSS菜单，我遇到了这个愚蠢的问题：
我给了第一个ul一个背景图片，同样的图片也显示在每个子菜单上，这是我不想要的。
我怎么才能告诉第一个ul背景图片只针对那个ul呢？而不是用于下面的子菜单。
浏览 0提问于2012-01-03得票数 0
回答已采纳
2回答
想象一个网站，在页面的顶部有一个不同高度的横幅，
下面是div#wrapper内部的div#wrapper-inside
#wrapper-inside具有固定的宽度和居中
#wrapper有一个很大的背景图片
现在。当浏览器的视区宽度小于我们的#wrapper-inside时，我们会得到一个漂亮的水平滚动条，当我们向左滚动时，您会注意到#wrapper的宽度与浏览器视区的宽度保持一致。
问题是#wrapper会滚动，背景图像会被切断。
这个问题能单独用css解决吗?如果不能，那就用jQuery来解决吧？
浏览 4提问于2009-12-09得票数 0
回答已采纳
1回答
我有一个图像，并被要求复制给我的例子。目前，我正在放置背景图片，并注意到他们给我的例子已经给出或取走了，顶部的100px，底部的300px (我只能猜测要裁剪的正确词汇表)。我尝试使用： body {
background-image: url("stuffNthings.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
} 但我发现，使用这个块，图像居中尽可能远离右上角，从底部丢失超过300px。右侧显示正确。
浏览 9提问于2020-09-10得票数 0
回答已采纳
所以我有一个幻灯片，其中的图像不是背景图像，它们是内联的img标记，我希望幻灯片在这个模板上看起来像这样：
我需要它是响应性的，完整的宽度和高度，并始终水平和垂直居中，从顶部裁剪相同的数量从底部和从右侧的左侧。
我一直在研究，基本上找到了背景图片的答案。如果这是一张背景图片，我会知道怎么做……
我可以使用css和jquery，但最好只能使用css。
这是html：
<div class="cycle-slideshow" id="cycle-slideshow">
<a href="http://www.facebook.com/&
浏览 0提问于2016-07-06得票数 0
1回答
我想给我的JFrame添加背景图片。
背景图像意味着我可以稍后在JFrame或JPanel上添加组件
虽然我不知道如何在JFrame中添加背景图片，
我从这里了解了如何在JPanel中添加背景图片：
这解决了我的问题，但现在因为我的JFrame是可调整大小的，所以我想让图像居中。
我找到的代码使用此方法
public void paintComponent(Graphics g) { //Draw the previously loaded image to Component.
g.drawImage(img, 0, 0, null); //Draw image
}
谁
浏览 0提问于2010-12-26得票数 6
回答已采纳
如果你有一个任意大小的div，你可以设置它有一个背景图片，然后你可以给这个图片设置背景大小的属性'cover‘。这将保持图像的纵横比，但会设置其大小，使其覆盖div，适合宽度或高度，取按比例较小的值。
background-image: ...
background-position: center;
background-size: cover;
有没有办法，在纯CSS中，我可以实现同样的事情，但使用一个div作为框架，以及一个内容div，它位于其中并缩放-保持它的外观-以填充框架div区域？
因此，div需要采用div的整个宽度，然后在父对象中垂直和水平居中，父对象的overflo
浏览 2提问于2014-02-02得票数 1
2回答
目前，我使用下面的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
我正在使用JQuery来设置div的背景图片，如下所示：
$(document).ready(function() {
$('#pic').css("background","url(images/pic.jpg)");
});
但是图像不会显示。如何解决这个问题？
谢谢。
浏览 3提问于2009-10-23得票数 6
2回答
如何使白色容器背景像一样透明
背景图片显示不受容器的不透明度代码的影响？
容器似乎是css中的content-size:#fff;。
浏览 1提问于2014-05-21得票数 2
回答已采纳
在我的网站上，我让背景图片始终居中，导航总是水平地停留在同一地点，所以水平大小并不重要，它总是在我通过以下方式做到的同一地点：
#nav {
list-style: none;
position:fixed;
right:50%;
margin-right:155px;
margin-top:220px;
}
我的问题是垂直部分。当窗口在垂直方向上很小并且向下滚动时，菜单会随着页面移动，这是我不想要的。我想让它留在那里的标志，但使用百分比的“顶部”似乎不起作用。我对javascript不是很熟悉，所以如果它能和CSS一起使用，我会更容易理解！
嘿！
这
浏览 43提问于2013-07-25得票数 3
我有一个为iPhone 5屏幕制作的设计师的背景图片，我想用它作为我的TableView的背景。然而，图像比旧版iPhones上的图像要大，而且会被压缩，这会让它看起来很奇怪。有没有办法让它在电视中居中而不需要调整大小？谢谢。
浏览 8提问于2013-03-04得票数 0
回答已采纳
我在获取大的背景图片时遇到了一些麻烦，因为我有一个正在开发的网站来显示这些背景图片。我想知道这是一个hasLayout的bug还是别的什么？
我不能使用任何类型的调试/开发人员工具访问IE7机器。已经为该项目准备了测试环境，可以在此处查看：
在主style.css文件的第54行，您可以找到用于CSS背景的以下代码：
.parent-pageid-128 #bg_samira, #bg_samira { background: url('../img/bg_samira_home.jpg')no-repeat top center; }
有没有人能看到我漏掉的bug？
浏览 1提问于2011-10-08得票数 0
回答已采纳
3回答
我有下面的HTML来构建一个900像素宽，居中的页面，有页眉，页脚和内容部分：
<body>
<div id="mainMaster">
<div id="main">
<form runat="server">
<div id="header">
</div>
<div id="content">
浏览 1提问于2010-07-21得票数 1
我有一个背景图片设置在我的css中，一切似乎都可以在桌面上正常显示，但当我尝试在我的ipad或iPhone6 plus上观看时，我根本看不到图像(甚至连偏离中心的图像都没有)。
我如何确定我的图片在移动设备上调整大小、居中和显示？
.landpage-img {
background: url('../img/bg-neon-01-2000x1333.jpg') center center no-repeat fixed !important;
height: 1333px;
background-size: cover;
}
@media only
浏览 0提问于2018-02-22得票数 0
1回答
以下是问题所在：
我有一个滑块全宽的页面，与居中的内容。下面是一个快速的HTML模型，让您能够理解：
<div class="slider">
<div class="slide">
<img src="01.jpg">
<div class="wrapper">
<h1>01</h1>
</div>
</div>
<div
浏览 2提问于2013-04-22得票数 0
回答已采纳
8回答
这是CSS，我不想在IE中显示背景图片。相反，我只想要显示背景颜色。我该怎么做？
html, body {
margin:0;
padding: 0;
background: #a9ac41;
background-image: url("background.png");
background-repeat: no-repeat;
background-size: cover;
margin:0;
padding: 0;
}
浏览 0提问于2013-05-20得票数 0
2回答
oI有一个网站，在这个网站上，居中的背景图片在主页动画中起着至关重要的作用。
背景居中，直到浏览器窗口不能适应网站的宽度，在这一点上，背景类左对齐。
这是我的身体代码：
body {
line-height:1;
margin:0px auto;
padding:0px;
background:#90a830 url(img/bg.png) no-repeat center top;
}
图像弹出窗口从bg图像上的正确位置弹出。试着缩小浏览器窗口，你就会明白我的意思了，bg不对齐了。
谢谢
安迪
浏览 2提问于2014-02-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
