css - 使用/navbar 创建横幅？-6ren

css - 使用/navbar 创建横幅？

转载作者：行者123 更新时间：2023-11-28 15:25:51

在学习了一年多之后尝试完成我的第一个个人元素，但感觉自己什么都没学到。

出于某种原因，事实证明制作横幅非常困难。

起初，我想将导航栏标记到横幅的底部。我放弃了，现在我只是想让我的横幅以最基本的方式工作。

如果我将图像与 HTML 内联，它会保持在所有内容的最前面并随页面滚动。没有布埃诺。 background-image 根本不起作用。

我希望它位于页面顶部。我希望导航栏位于用户可见区域的顶部(因此，它会随页面滚动)。

我在这上面花了三个小时!

这是我的代码:

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Teo Hannum | Teacher of the Alexander Technique</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.0.0/bootstrap-social.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link href='https://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
  <title>Teo Hannum | Teacher of the Alexander Technique</title>
</head>

<!-- MASTHEAD -->
<body> <!-- data-spy="scroll" data-target=".navbar" data-offset="0"> -->
    <div id="page">
        <header role="banner">
            <!-- NAVBAR -->
          <nav id="mainnavbar" class="navbar navbar-default navbar-fixed-top" roll="navigation">
              <div class="container-fluid">
                <div class="navbar-header">
                  <a class="navbar-brand" href="">Teo Hannum | Teacher of the Alexander Technique</a>
                </div>
                    <ul class="nav navbar-nav navbar-right" id="topMenu">
                        <li class="active">
                          <a href="#who">Who</a>
                            </li>
                        <li>
                          <a href="#what">What</a>
                        </li>
                        <li>
                          <a href="#where">Where</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div id="brand">
                <p>Move with Fluidity and Intention</p>
            </div>
        </header>
        <div class="bannerimage">
            <div class="bannerWrapper">
                <div class="bannerText">
                    <p>Move with Fluidity and Intention</p>
                </div>
            </div>
        </div>
            <!-- WHO SECTION -->
          <div id="who">

          </div>

            <!-- WHAT SECTION -->
          <div id="what">
            <article>
                <div class="portblock">
                  <h1>Portfolio</h1>
                  <p>Utilizing the "less is more" mindset, I create focused content that delivers results while developing brand culture and identity.

            </article>

                    <div class="container-fluid img-thumbnail">
                        <div class="row">
                           <img class="img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1081">
                           <img class="img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1067">
                           <img class="img-responsive img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1044">
                           <img class="img-responsive img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1012">
                        </div>
                    </div>
                </div>
            </div>
        <div id="where">

        </div>
    </div>
</body>


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js'></script>
<script src="js/index.js"></script>

</body>
</html>


body{
  font-family:'Open Sans Condensed', sans-serif;
  color:white;
  margin:0;
  padding:0;
}

h1{
  padding: 0;
  margin-top: -1%;
  text-align: center;
  color:black;
  font-size: 6.5vw;

}

p{
  font-family: 'EB Garamond', serif;
  font-size: 2.5vw;

}

header {
    height: 70px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    z-index: 66666;

}

.navbar-nav{
  font-family:'Open Sans Condensed', sans-serif;
  font-size: 2.0em;

}

.navbar-brand{
  font-family:'Open Sans Condensed', sans-serif;
  font-size:2.0em;
}

/* MASTHEAD */
#masthead {
    position: relative;

}

.custom-header {
    display: block;
    height: auto;
}

#mast-img {
    max-width: 100%;
    display: block;
    height: auto;
    position: fixed;
}

#brand {
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    left: 150px;
    top: 325px;
}

#masthead .wrap {
    position: relative;
}

#topMenu {
    z-index: 1;
}

/* END MASTHEAD */

#page {
    position: relative;
}

#bannerimage {
  width: 100%;
  background-image: url(https://static.pexels.com/photos/486895/pexels-photo-486895.jpeg);
  height: 405px;
  background-color: purple;
  background-position: center;
}

.bannerWrapper {
    width: 94%;
    max-width: 960px;
    margin: 0px auto;
}



.btn:hover{
  color:#FEEE8B;

}

.btn:active{
  color:white;

}

.btn{
  align-text: center;
  margin-bottom:3%;
  margin-right:5px;
  margin-left:5px;
  border-radius: 0 !important;
  font-size:1.5vw;
  color:white;

}

article{
 padding-bottom:10px;
}

.block{
  background-color:rgba(157,178,197,.6);
  opacity:1;
  padding:1em;
  width:50%;
  height:12%;
  margin-right:auto;
  margin-left:auto;
  margin-top:10%;
  object-border:10px;

}

.portblock{
  text-align:right;
  padding:1em;
  background-color:rgba(157,178,197,.6);
  opacity:1;
  width:50%;
  height:12%;
  margin-top:10%;
  margin-right:1%;
  margin-left:auto;
  object-border:10px;


}

.portrait{
  width:40%;
  height:auto;
  border-radius:50%;
  margin-bottom:3%;
  margin-top:3%;
  opacity:.9;

}

.img-thumbnail{
  background:rgba(157,178,197,.6);
  margin-top:8%;
  padding:1em;
  margin-right:1%;
  margin-left:1%;

}

#who{
  background-image:url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1422394882588-508654c3f5d4.jpeg?X-Amz-Date=20161019T232852Z&X-Amz-Expires=300&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Signature=3b5a5267c478a5ea16ade4496e34221342748dbda8813840fa9867fe3270b6f7&X-Amz-Credential=ASIAIK2R6BOZXGQHU5CQ/20161019/us-west-2/s3/aws4_request&X-Amz-SignedHeaders=Host&x-amz-security-token=FQoDYXdzEDkaDN3PwRF5BiQ0M7XC3CL6Aal8I83b8wlOIm5EBzQqiMdVj0tSmaoJn1a8DHvHD7bWWs47ywISxJpL95AavWhli2XQ3z4WgaPLtJz5BIoPJUFRHluYm5DH46Q62nXJIDY%2BJ/GrScPriWBko6yd/9YQ4A/7GuFpH6z/fG2ZenPcACf9hkpUj5aKD72scXWuANgZbF4aN5xWQBpxYteRfnh3zio86PaG84yfMr3X5R6GVmlQMAqFFB9OYhAzH7mkCwKZYXT6Hb3IdxNpiaYqxgUsvl3G4Vdi8vg813n78dwY97hXkwWSaItLh0Nkq7JM%2BQ/mIisjgrm1ntZ3kEb%2Bbk2nUmhRr2EtTHC4cqwomIGgwAU%3D");
  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
  padding: 1px;

}

#what{
  background-image:url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1467348733814-f93fc480bec6.jpeg?X-Amz-Date=20161019T232942Z&X-Amz-Expires=300&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Signature=2c6a81a324d7a3ae6587b00c8cfba95f6620b9ec47222caa643963bfbae97b76&X-Amz-Credential=ASIAIK2R6BOZXGQHU5CQ/20161019/us-west-2/s3/aws4_request&X-Amz-SignedHeaders=Host&x-amz-security-token=FQoDYXdzEDkaDN3PwRF5BiQ0M7XC3CL6Aal8I83b8wlOIm5EBzQqiMdVj0tSmaoJn1a8DHvHD7bWWs47ywISxJpL95AavWhli2XQ3z4WgaPLtJz5BIoPJUFRHluYm5DH46Q62nXJIDY%2BJ/GrScPriWBko6yd/9YQ4A/7GuFpH6z/fG2ZenPcACf9hkpUj5aKD72scXWuANgZbF4aN5xWQBpxYteRfnh3zio86PaG84yfMr3X5R6GVmlQMAqFFB9OYhAzH7mkCwKZYXT6Hb3IdxNpiaYqxgUsvl3G4Vdi8vg813n78dwY97hXkwWSaItLh0Nkq7JM%2BQ/mIisjgrm1ntZ3kEb%2Bbk2nUmhRr2EtTHC4cqwomIGgwAU%3D");
  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
  padding: 1px;

}

#where{
  background-image:url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1467348733814-f93fc480bec6.jpeg?X-Amz-Date=20161019T232942Z&X-Amz-Expires=300&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Signature=2c6a81a324d7a3ae6587b00c8cfba95f6620b9ec47222caa643963bfbae97b76&X-Amz-Credential=ASIAIK2R6BOZXGQHU5CQ/20161019/us-west-2/s3/aws4_request&X-Amz-SignedHeaders=Host&x-amz-security-token=FQoDYXdzEDkaDN3PwRF5BiQ0M7XC3CL6Aal8I83b8wlOIm5EBzQqiMdVj0tSmaoJn1a8DHvHD7bWWs47ywISxJpL95AavWhli2XQ3z4WgaPLtJz5BIoPJUFRHluYm5DH46Q62nXJIDY%2BJ/GrScPriWBko6yd/9YQ4A/7GuFpH6z/fG2ZenPcACf9hkpUj5aKD72scXWuANgZbF4aN5xWQBpxYteRfnh3zio86PaG84yfMr3X5R6GVmlQMAqFFB9OYhAzH7mkCwKZYXT6Hb3IdxNpiaYqxgUsvl3G4Vdi8vg813n78dwY97hXkwWSaItLh0Nkq7JM%2BQ/mIisjgrm1ntZ3kEb%2Bbk2nUmhRr2EtTHC4cqwomIGgwAU%3D");
  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
  padding: 1px;

}

请注意，我从另一个元素复制粘贴了大部分 CSS，因此这里有很多尚未使用的东西。

最佳答案

这里有一些问题。首先，您已经创建了两次头部部分，一次是在 body 部分中。保持头部在一起，有一个头部部分和一个 body 部分。多次打开和关闭这些部分会导致问题。

至于背景图片，在你的 who/what/where css 中，你在 no-repeat (等)之前有一个分号；如果您删除这个分号，它就可以工作。

您的 CSS 中还有另外 2 个小问题；它是 text-align 而不是 align-text，也将 object-border 替换为 border

编辑:您的主要问题是您有 background-image:，而 css 中本应只有 background:(因为您拥有所有信息，并且不仅仅是图片网址)。我还从小图像中删除了 background-size:cover ，因为这些会覆盖设置为覆盖的主要背景图像。您的大背景图片在网址括号中的文件路径周围没有引号。此外，您的横幅图像是一个 ID，而不是最初在 HTML 中调用的类。

我创建了一个片段，所以如果您运行它，您可以看到输出。

希望这对您有所帮助。

body {
  font-family: 'Open Sans Condensed', sans-serif;
  color: white;
  margin: 0;
  padding: 0;
}

h1 {
  padding: 0;
  margin-top: -1%;
  text-align: center;
  color: black;
  font-size: 6.5vw;
}

p {
  font-family: 'EB Garamond', serif;
  font-size: 2.5vw;
}

header {
  height: 70px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  z-index: 66666;
}

.navbar-nav {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2.0em;
}

.navbar-brand {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2.0em;
}


/* MASTHEAD */

#masthead {
  position: relative;
}

.custom-header {
  display: block;
  height: auto;
}

#mast-img {
  max-width: 100%;
  display: block;
  height: auto;
  position: fixed;
}

#brand {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  left: 150px;
  top: 325px;
}

#masthead .wrap {
  position: relative;
}

#topMenu {
  z-index: 1;
}


/* END MASTHEAD */

#page {
  position: relative;
}

#bannerimage {
  width: 100%;
  height: 405px;
  background-image: url('https://static.pexels.com/photos/486895/pexels-photo-486895.jpeg');
  background-repeat:no-repeat;
  background-position: center center 
  background-size:cover;
}

.bannerWrapper {
  width: 94%;
  max-width: 960px;
  margin: 0px auto;
}

.btn:hover {
  color: #FEEE8B;
}

.btn:active {
  color: white;
}

.btn {
  text-align: center;
  /*not align-text*/
  margin-bottom: 3%;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 0 !important;
  font-size: 1.5vw;
  color: white;
}

article {
  padding-bottom: 10px;
}

.block {
  background-color: rgba(157, 178, 197, .6);
  opacity: 1;
  padding: 1em;
  width: 50%;
  height: 12%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10%;
  border: 10px;
}

.portblock {
  text-align: right;
  padding: 1em;
  background-color: rgba(157, 178, 197, .6);
  opacity: 1;
  width: 50%;
  height: 12%;
  margin-top: 10%;
  margin-right: 1%;
  margin-left: auto;
  border: 10px;
  /*it's just border, not object-border*/
}

.portrait {
  width: 40%;
  height: auto;
  border-radius: 50%;
  margin-bottom: 3%;
  margin-top: 3%;
  opacity: .9;
}

.img-thumbnail {
  background: rgba(157, 178, 197, .6);
  margin-top: 8%;
  padding: 1em;
  margin-right: 1%;
  margin-left: 1%;
}

#who {
  background: url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1422394882588-508654c3f5d4.jpeg") no-repeat center center fixed;
  /*the reason why the bg-image wasn't working was you had a semi-colon before no-repeat*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  height: 800px;
  padding: 1px;
}

#what {
  background: url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1467348733814-f93fc480bec6.jpeg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  height: 800px;
  padding: 1px;
}

#where {
  background: url("https://s3-us-west-2.amazonaws.com/codepen-portfolio/photo-1467348733814-f93fc480bec6.jpeg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  height: 800px;
  padding: 1px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>
<link href='https://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
<title>Teo Hannum | Teacher of the Alexander Technique</title>


<!-- MASTHEAD -->

<body>
  <!-- data-spy="scroll" data-target=".navbar" data-offset="0"> -->
  <div id="page">
    <header role="banner">
      <!-- NAVBAR -->
      <nav id="mainnavbar" class="navbar navbar-default navbar-fixed-top" roll="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" href="">Teo Hannum | Teacher of the Alexander Technique</a>
          </div>
          <ul class="nav navbar-nav navbar-right" id="topMenu">
            <li class="active">
              <a href="#who">Who</a>
            </li>
            <li>
              <a href="#what">What</a>
            </li>
            <li>
              <a href="#where">Where</a>
            </li>
          </ul>
        </div>
      </nav>
      <div id="brand">
        <p>Move with Fluidity and Intention</p>
      </div>
    </header>
    <div id="bannerimage">
      <div class="bannerWrapper">
        <div class="bannerText">
          <p>Move with Fluidity and Intention</p>
        </div>
      </div>
    </div>
    <!-- WHO SECTION -->
    <div id="who">

    </div>

    <!-- WHAT SECTION -->
    <div id="what">
      <article>
        <div class="portblock">
          <h1>Portfolio</h1>
          <p>Utilizing the "less is more" mindset, I create focused content that delivers results while developing brand culture and identity.</div>

      </article>

      <div class="container-fluid img-thumbnail">
        <div class="row">
          <img class="img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1081">
          <img class="img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1067">
          <img class="img-responsive img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1044">
          <img class="img-responsive img-responsive col-xs-6 col-sm-3" src="https://unsplash.it/320/150?image=1012">
        </div>
      </div>
    </div>
  </div>
  <div id="where">

  </div>

</body>


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js'></script>
<script src="js/index.js"></script>

关于css - 使用/navbar 创建横幅？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45250624/

文章推荐： ios - 将对象添加到自定义 UITableViewCell

文章推荐： html - div 顶部 1 px 空间，为什么？

文章推荐： java - Thymeleaf:如何制作不同颜色的 table

javascript - 使用 WebScriptEndpoint 使用 javascript 使用 WCF 服务
我在网上搜索但没有找到任何合适的文章解释如何使用 javascript 使用 WCF 服务，尤其是 WebScriptEndpoint。任何人都可以对此给出任何指导吗？谢谢最佳答案这是一篇关于
c - 没有结果!!使用 fork() 使用 dup2 使用 2 个管道运行 execlp()
我正在编写一个将运行 Linux 命令的 C 程序，例如: cat/etc/passwd | grep 列表 |剪切-c 1-5 我没有任何结果 *这里 parent 等待第一个 child (chi
python - 处理文件上传，使用 Pillow 调整大小，使用 SQLAlchemy 存储，使用 Flask 提供文件
所以我正在尝试处理文件上传，然后将该文件作为二进制文件存储到数据库中。在我存储它之后，我尝试在给定的 URL 上提供文件。我似乎找不到适合这里的方法。我需要使用数据库，因为我使用 Google 应用引
excel - 使用 IF 使用 VBA 在单元格中添加公式的问题
我正在尝试制作一个宏，将下面的公式添加到单元格中，然后将其拖到整个列中并在 H 列中复制相同的公式我想在 F 和 H 列中输入公式的数据 Range("F1").formula = "=IF(ISE
使用 OperatorPrecedenceParser 使用 FParsec 解析函数应用程序？
问题类似于this one ，但我想使用 OperatorPrecedenceParser 解析带有函数应用程序的表达式在 FParsec . 这是我的 AST: type Expression =
sql - 使用 sequelize 使用 where 查询编码计数
我想通过使用 sequelize 和 node.js 将这个查询更改为代码取决于在哪里 select COUNT(gender) as genderCount from customers where
bash - 使用 “let”分配Bash失败，使用 “/”
我正在使用GNU bash，版本5.0.3(1)-发行版(x86_64-pc-linux-gnu)，我想知道为什么简单的赋值语句会出现语法错误: #/bin/bash var1=/tmp
javascript - 使用 JavaScript 使用 FOR OF 数组循环时出现错误？
这里，为什么我的代码在 IE 中不起作用。我的代码适用于所有浏览器。没有问题。但是当我在 IE 上运行我的项目时，它发现错误。而且我的 jquery 类和 insertadjacentHTMl 也不
javascript - 使用 javascript 使用 for 属性更改表单标签内容
我正在尝试更改标签的innerHTML。我无权访问该表单，因此无法编辑 HTML。标签具有的唯一标识符是“for”属性。这是输入和标签的结构:
javascript - 使用 jquery 使用 .on() 将事件附加到页面上的动态插入按钮
我有一个页面，我可以在其中返回用户帖子，可以使用一些 jquery 代码对这些帖子进行即时评论，在发布新评论后，我在帖子下插入新评论以及删除按钮。问题是 Delete 按钮在新插入的元素上不起作用，
使用 awk 使用 sha1sum 进行散列
我有一个大约有 20 列的“管道分隔”文件。我只想使用 sha1sum 散列第一列，它是一个数字，如帐号，并按原样返回其余列。使用 awk 或 sed 执行此操作的最佳方法是什么？ Accounti
mysql - 使用 insert into 使用 mysql
我需要将以下内容插入到我的表中...我的用户表有五列 id、用户名、密码、名称、条目。 (我还没有提交任何东西到条目中，我稍后会使用 php 来做)但由于某种原因我不断收到这个错误:#1054 - U
jquery - 将输入字段值修剪为仅字母数字字符/使用 .使用 jQuery
所以我试图有一个输入字段，我可以在其中输入任何字符，但然后将输入的值小写，删除任何非字母数字字符，留下“。”而不是空格。例如，如果我输入: 地球的 70% 是水，-!*#$^^ & 30% 土地输
javascript - 使用 .innerHTML 使用 DOM
我正在尝试做一些我认为非常简单的事情，但出于某种原因我没有得到想要的结果？我是 javascript 的新手，但对 java 有经验，所以我相信我没有使用某种正确的规则。这是一个获取输入值、检查选择
php - 使用 angularjs 使用 where 子句从数据库获取数据
我想使用 angularjs 从 mysql 数据库加载数据。这就是应用程序的工作原理；用户登录，他们的用户名存储在 cookie 中。该用户名显示在主页上我想获取这个值并通过 angularjs
ios - 使用 UITableViewCell 使用 AutoLayout
我正在使用 autoLayout，我想在 UITableViewCell 上放置一个 UIlabel，它应该始终位于单元格的右侧和右侧的中心。这就是我想要实现的目标所以在这里你可以看到我正在谈论的
mysql - 使用 ElasticSearch 使用 or 和运算符搜索多个字段
我需要与 MySql 等效的 elasticsearch 查询。我的 sql 查询: SELECT DISTINCT t.product_id AS id FROM tbl_sup_price t
ios - 使用 Swift 使用 JSON
我正在实现代码以使用 JSON。 func setup() { if let flickrURL = NSURL(string: "https://api.flickr.com/
javascript - 使用 JavaScript 使用 for 循环声明变量
我尝试使用for循环声明变量，然后测试cols和rols是否相同。如果是，它将运行递归函数。但是，我在 javascript 中执行 do 时遇到问题。有人可以帮忙吗？现在，在比较 col.1 和
jquery - 使用 :after 使用 jquery 更改样式
我举了一个我正在处理的问题的简短示例。 HTML代码: 1 2 3 CSS 代码: .BB a:hover{ color: #000; } .BB > li:after {

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

css - 使用/navbar 创建横幅？