【问题标题】:css/html newbie : issue with image and border (in css)css/html 新手:图像和边框问题(在 css 中)
【发布时间】:2012-02-27 02:45:07
【问题描述】:

我是 css/html 的新手,我正在尝试在我的页面上使用图像,但是这段代码不起作用:

它应该使用我的“100%”将图像设置为窗口的宽度和高度,但它只是按原样显示图像,对于“myclass”,我尝试添加一些文本,或者不添加,但它没有显示边界。

我遵循了一个教程,但我不知道问题出在哪里:

body {
        background-image:url("landscape.jpeg");
        background-size:100%;
}

.myclass { position:relative; border:1px solid red; }


<div id="myclass">
    <p></p>
</div>

感谢您的帮助

【问题讨论】:

  • 定义'不起作用'。它做什么(或做什么)?您期望它会做什么?
  • @David Thomas:你好,它应该使用我的“100%”将图像设置为窗口的宽度和高度,但它只是按原样显示图像,对于“myclass”,我尝试添加一些文本,或者没有,但它不显示边框,我在编程方面很新,对不起:) 我应该设置另一个位置或类似的东西吗?
  • 您为图像提供的路径表明它应该与 CSS 位于同一文件夹中。另外,你确定是jpeg(而不是jpg)?
  • @David Thomas:谢谢大卫!我感谢您的帮助!不,实际上图像出现在屏幕上,但它不在我页面的宽度或高度,我希望它是 100%,这可能吗? (ps:如何更改“-1”?)
  • 你不能。 “-1”来自否决票,因为您的问题,正如最初提出的那样,几乎没有信息,并且“不起作用”是一个完全不充分的问题描述。如果您将鼠标悬停在数字下方的向下箭头上,您会看到有人认为“[this] question 没有显示任何研究成果;它不清楚或没有用。”我赶紧补充说,并不是我对你投了反对票。

标签: html css image border


【解决方案1】:

如果背景图片没有显示,那么原因可能是URL错误。

选择器.myclass 不匹配任何元素,因为没有类myclass 的元素。将id="myclass" 更改为class="myclass"

background-size 属性对浏览器的支持有限。

【讨论】:

  • 谢谢!嗯,好吧,我明白了,我并没有真正理解 class 和 id 的事情。好的边框工作,图像呢?我应该使用其他东西让我的图像像窗户一样大吗? (ps:我怎样才能改变这个“-1”?)
  • class和id的区别是; Id 是唯一的(只能(应该)使用一次),但类可以多次使用。查看此以获取更多信息css-tricks.com/the-difference-between-id-and-class(-1 是因为有人不喜欢您的问题,您无能为力)
  • @Miles_Crew:您是否设法指定图片网址?否则你可以尝试添加洞网址即时。
  • @Miles_Crew,您可以通过使用内容图像来模拟 100% 背景,将所有真实内容放在另一个元素中,绝对定位这些元素(内容的 z-index 值更大) ,并将图像元素宽度设置为 100%。但它不会平铺。
  • @Mattias:谢谢!我认为没关系,我添加了100% 100% 并带有更大的图像,并且效果很好!我不知道这是否是最好的方法,但它似乎工作!感谢您的帮助!
猜你喜欢
  • 2021-09-23
  • 2018-03-31
  • 2011-09-28
  • 2012-12-03
  • 2012-02-02
  • 1970-01-01
  • 2022-01-20
  • 1970-01-01
  • 2015-03-09
相关资源
最近更新 更多