小编Bar*_*wan的帖子

我有这样的代码

body {
  /*some styling for make div on center*/
}
div {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius:50%;
    box-shadow: 0 0 5px 7px rgba(230, 230, 230, 0.4);
}

http://jsfiddle.net/zu9rd1jq/68/

我想在 box-shadow 之后制作多个 box-shadow。当我们使用photoshop时可以，但是我们如何使用css？任何想法，请:)

我有这样的代码：

main {
  position: relative;
  width: 80%;
  float: right;
  height: auto;
}

div.container {
  width: 95%;
  height: auto;
  margin: 0 auto;
}

main div.container>table {
  width: 10px;
  overflow: hidden;
  background-color: red;
}

<main>
  <div class="container">
    <table>
      <thead>
        <tr>
          <th>Nama event</th>
          <th>Kategori event</th>
          <th>Keterangan event</th>
          <th>Waktu event</th>
          <th>Lokasi event</th>
          <th>Cover</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>something</td>
          <td>something</td>
          <td>something</td>
          <td>something</td>
          <td>something</td>
          <td>something</td>
        </tr>
      </tbody>
    </table>
  </div>
</main>

但是表格宽度不起作用。当我尝试宽度大于322px时，它可以工作，但是当我尝试宽度<322px不起作用时（我尝试10px，但table不会变小）。我尝试将宽度> 33％设为有效，将<33％设为无效。为什么？（主要的宽度为80％是因为，aside与width 20%在左侧）

哈艾。我的小项目遇到了麻烦。我已经创建了<a href="slogannya">some icon</a>，<blockquote id="slogannya">但是当我单击<a>标签时它不起作用。这是我的代码：

网页

<section class="to-content">
        <a class="scrollTo" href="#slogannya">
          <button type="button">
            <i class="material-icons">keyboard_arrow_down</i>
          </button>
        </a>
      </section>
      <section class="slogan">
        <blockquote id="slogannya">
          <p>Wanna create an event? <br> or you want to give some advice to us? Use the form below </p>
        </blockquote>
      </section>

jQuery

$(document).ready(function () {
  $(".scrollTo").on('click', function (e) {
      e.preventDefault();
      var target = $(this).attr('href');
      $('html, body').animate({
          scrollTop: ($(target).offset().top)
      }, 2000);
  });

});

我怎样才能完成这项工作？请帮我 ：）

编辑

我知道我的问题是什么。在我的项目中，我有一个名为“general.css”的CSS（此CSS内容CSS重置和任何页面的其他样式）。在这个CSS中，它使任何元素成为box-sizing: border-box;和其他元素一样的样式。我不知道具体是什么问题。但是当我删除“general.css”时，平滑滚动就可以了。谢谢各位朋友的回答:)，我很感激！

我可以在laravel项目中为背景图片编写CSS吗？

.some-class {
  background-image: url('{{ asset('path/image.png') }}');
}

我有这个问题。

未定义变量：acara（查看：/var/www/html/event_organizer/resources/views/admin/home.blade.php）

但是我已经像这样在控制器上声明了 $acara

控制器

use App\events; 

    public function lihat_acara()
    {
      $data['acara'] = events::all();
      return view('admin.home')->with($data);
    }

和这样的看法

主页.blade.php

@foreach($acara as $key)
  <tbody>
    <tr>
      <td>{{ $key->nama_acara }}</td>
      <td>{{ $key->kategori_acara }}</td>
      <td>{{ $key->lokasi_acara }}</td>
    </tr>
  </tbody>
  @endforeach

我的代码有什么问题？任何的想法？:)

我怎么可以只选择前三个要素与:nth-child() 选择？

section > figure:nth-child( ? ) {
  /* ... */
}

<section>
  <figure>1</figure> <!-- select this -->
  <figure>2</figure> <!-- and this -->
  <figure>3</figure> <!-- and this -->
  <figure>4</figure>
  <figure>5</figure>
  <figure>6</figure>
</section>