当前位置: 首页 > 知识库问答 >
问题:

背景图像设置在HTML标记下,但无法滚动查看完整图像

苍温文
2023-03-14

我刚开始使用角,但确实练习了超文本标记语言,JS

我已经在全局样式表style.css中的超文本标记语言标签下设置了背景图像,它会以正确的方式出现并填充宽度,但是我无法解决如何滚动的问题图像。

这就是style.css中的内容:

html { 
    background-image: url("app/Images/Background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    margin: 0;
}

我尝试添加overflow:scroll,但这只是在页面的一侧添加了一个滚动条,但不允许我滚动。

我需要添加什么才能获得滚动查看整个背景图像的年龄?

共有3个答案

郏志学
2023-03-14

正如@elveti所说,背景图像对元素的大小没有影响,您可能只想创建一个图像作为div,然后可以设置任意宽度和高度大小。查看此链接如果您想这样做,它有解决方案

具有自动高度的100%宽度背景图像

孔运良
2023-03-14

好的,所以在我之后,虽然我有一些工作,但它是丑陋的!

在html元素上有一个id,我添加了javascript。

function getWidthAndHeight(){
    var screenWidth = document.getElementById("html").offsetWidth;
    var procent = screenWidth/this.width;
    document.getElementById("html").style.height = (procent * this.height) + "px";
}

function getpic(){
    var myImage = new Image(); 
    myImage.name = "app/Images/Background.png";
    myImage.onload = getWidthAndHeight;
    myImage.src = "app/Images/Background.png";
}

window.addEventListener("resize", getpic);
getpic();

我使用的css是

html{
    width:100%;
    background-image: url("app/Images/Background.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    margin: 0;

}

这就是你要找的吗?

惠泳
2023-03-14

您可以使用自定义高度。。。但你必须使用img标签

高度:1000px;

 类似资料:
  • 我有一些PNG图像,由黑色形状和透明背景组成。不幸的是,IrfanView将透明背景显示为黑色,所以我只能在黑色上看到黑色。我在Irfan设置中发现,我可以更改窗口的背景色,但它只会更改图像周围的颜色,透明的颜色仍然是黑色。 有没有办法改变显示为透明的颜色,或者最好使用Photoshop之类的白灰色方块?

  • 我正试图为主页设置一个背景图像。我是从屏幕开始获得图像位置,填充宽度,但不是高度。我的代码中是否遗漏了什么?颤振有图像标准吗?图像缩放是否基于每个手机的屏幕分辨率?

  • 我想在胸腺叶中显示一个背景图像,其中url来自后端Spring启动 这是我想用变量填充它的元素,比如 我尝试了以下几种方法 但它不起作用。有人能帮忙吗?

  • 问题内容: 我想知道,当我向下或向上滚动时,我的图像和布局的颜色会乱七八糟,我使用recyclerview创建了cardview。并设置图片(在点击时更改颜色,以了解其用户喜欢的项目),并将setbackgroundcolor(随机选择)设置为父版面,以使Cardview更具吸引力。但是当我滚动1.图像更改位置的图像时,2.布局背景自动更改颜色。 我在这里发布适配器的代码。 } 问题答案: 我已经

  • 当我滚动时,我的动态数据就像。任何能阻止这一切的方法。我也尝试过取景框,但没有运气。我做错了什么。有人帮忙就好了。预先感谢 公共视图 getView(int position, View convertView, ViewGroup arg2) {

  • 我需要为画家小部件设置一个背景图像,因为我试图建立一个小部件,将帮助孩子们画数字和字母在我的背景图像。 这将是默认的小部件背景: 加载小部件后,孩子们应该能够绘制背景。 我曾试图修改脚手架的主体从官方画家插件示例,但图像不出现在画家的背景,它只显示空白屏幕。 是否可以为Painter小部件设置背景图像?如果没有,有没有其他的解决办法可以帮助我完成我的任务?