【问题标题】:Rails scss background image not workRails scss背景图像不起作用
【发布时间】:2016-08-13 00:53:31
【问题描述】:

我需要创建包含背景图像的div,我尝试了很多方法,但这些方法都不起作用。

.tiket{
background: url('ticket.png');
background-image: image-url('ticket.png');
background-image: asset-url("ticket.png", image);
background-image: asset-data-url("ticket.png");
}

但是如果我打开chrome开发调试器,它会显示这样的图片

这里是github,如果您需要更多信息,请告诉我。

更新

这里是jsfiddle

【问题讨论】:

  • 如果div里面没有height属性或者内容,那么bg图片就不会显示出来。
  • 试试background-image: url(image_path('ticket.png'));怎么样
  • 在div里面,包含图片和文字,我觉得没问题。
  • 背景图片: url(image_path('ticket.png'));不工作,但它仍然显示在 chrome 开发调试器中,这很奇怪。
  • 你能发布一个sn-p,或者指向一个网站,证明这个问题吗?

标签: css ruby-on-rails sass


【解决方案1】:

这应该是一个评论,但我太新了,不能这样做;对不起。如果 .ticket div 的所有子元素都处于浮动状态或以其他方式失去流动,则 .ticket div 的高度仍然可以为零。如果您检查 .ticket div,给出的宽度/高度是多少?

【讨论】:

    猜你喜欢
    • 2014-02-03
    • 2017-06-27
    • 2023-03-03
    • 2018-05-08
    • 2016-09-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多