小编Nev*_*evi的帖子

请看一下我的示例代码

<div class="container-fluid">
    <section class="parallax-bg-1 text-center" style="background-image:url('https://killtheboredomdotcom.files.wordpress.com/2015/08/skyline-of-rome.jpg?w=1920&h=768&crop=1')">
        <h1 class="">Welcome</h1>

        <p class="lead">subtitle</p>
    </section>
</div>

图片处于视差模式，但看看它仍然有填充的屏幕截图。

我试图达到与本网站相同的结果：http : //remtsoy.com/tf_templates/traveler/demo_v1_7/index.html

JS小提琴：

http://jsfiddle.net/uf9np3kq/

反序列化此 JSON 文件时出现错误

{
  "checkOut": "10:30",
  "stars": 4,
  "locationId": 953,
  "propertyType": 6,
  "checkIn": "15:00",
  "trustyou": {
    "languageSplit": [
      {
        "tripTypeSplit": [
          {
            "type": "family",
            "percentage": 85
          },
          {
            "type": "couple",
            "percentage": 15
          }
        ],
        "name": "de",
        "percentage": 100
      }
    ],
    "location": [

    ],
    "reviewsCount": 83,
    "popularity": 0,
    "tripTypeSplit": [
      {
        "type": "family",
        "percentage": 86
      },
      {
        "type": "couple",
        "percentage": 14
      }
    ],
    "sentimentScoreList": [
      {
        "categoryId": "14",
        "ratio": "Good",
        "shortText": "Great location",
        "name": "Location",
        "subcategories": [

        ],
        "highlights": [
          { …