如何调整图片以便调整大小?

时间:2015-03-17 10:36:29

标签: html css

我有这个网站:

http://reliance.dg-site.com/es/ ---西班牙语

我有这个网站:

http://reliance.dg-site.com/---英语语言

我希望头版(西班牙语网站)上的图片成为网站英文的第一页。

我不明白为什么在西班牙语网站看起来不太好......我想调整我的图片大小

这是代码css:

   .page-id-553 #content
{

background:url("/wp-content/themes/reliance/images/ccc.jpg")
}

图像尺寸太大?我试着少做但不幸的是它看起来仍然不太好

你能帮我解决这个问题吗?

提前致谢!

2 个答案:

答案 0 :(得分:0)

欢迎来到SO,如果你能够更加具体地了解你将来需要什么,这将是一个巨大的帮助。此外,如果您展示了您尝试过的方法,也可以帮助缩小问题范围。

现在,根据你的说法,我相信这会实现你的目标。我只是将它们应用到控制台中的.page-id-553 #content类/ id。

background-size: cover;
background-repeat: no-repeat;
background-position: center center;

答案 1 :(得分:0)

我检查了您的网站并发现了css的更改。

http://reliance.dg-site.com/中,您使用了

background-image: url(http://reliance.dg-site.com/wp-content/uploads/2014/05/shutterstock_132802436-13.jpg);

用于身体标签。

但在http://reliance.dg-site.com/es/

.page-id-553 #content
{

background:url("/wp-content/themes/reliance/images/ccc.jpg")
}

因此,删除.page-id-553 #content {}内的代码并添加

body {
background-image: url("/wp-content/themes/reliance/images/ccc.jpg");
}

如果您想使用此页面的背景,请尝试

body.page-id-553 {
  background-image: url("/wp-content/themes/reliance/images/ccc.jpg");
}