【问题标题】:how to set background image in ionic?如何在离子中设置背景图像?
【发布时间】:2015-03-29 17:25:26
【问题描述】:

我正在尝试在我的第一个视图上设置我的背景图像,你能告诉我为什么我的背景图像不显示。我想在我的视图上显示背景图像。我尝试使用 css 但不起作用 这是我的代码 http://codepen.io/anon/pen/pvYdNM

  .test {
     border: 1px solid red;
     position: relative!important;

background: url('https://d262ilb51hltx0.cloudfront.net/max/800/1*AJALCafqXhfLMG7iF7Ho0A.jpeg');
    }

【问题讨论】:

    标签: angularjs html css ionic-framework ionic


    【解决方案1】:

    要覆盖你需要使用!important的默认样式,移除相对定位

    .test {
         border: 1px solid red;
         background: url('some-url.jpg')!important;
        background-size:cover !important;
        }
    

    进一步应用这个测试类来标记和从标题标记中删除

    demo

    【讨论】:

    • 它正在工作,您正在获取图像的一半以上部分
    • @ab 我需要在整个视图中添加背景...页眉、竞争、页脚的背景图片
    • @Shruti 你应该正确地问这个问题。
    • @A.B 抱歉,我认为您没有收到我的问题。实际上,首先检查我的图像 .image 网址,其中有人正在潜水。我需要在我的背景上使用该图像。实际上我的页眉和页脚是显示所以我只需要在竞争侧添加图像
    • 我提供的网址是示例网址,您需要将其替换为您的网址
    猜你喜欢
    • 2021-05-14
    • 2017-04-12
    • 2021-01-13
    • 2022-10-01
    • 1970-01-01
    • 2010-10-06
    • 2018-01-08
    • 1970-01-01
    • 2022-10-07
    相关资源
    最近更新 更多