小编Bec*_*cky的帖子

我试图找出如何为a border-bottom中的每一行添加一行<textarea>,但是我只能得到最底行border-bottom来执行此操作.

有没有办法实现这个目标？

.input-borderless {
  width: 80%;
  border-top: 0px;
  border-bottom: 1px solid green;
  border-right: 0px;
  border-left: 0px;
  background-color: rgb(241,250,247);
  text-decoration: none;
  outline: none;
  display: block;
  padding: 10px 0;
  margin: 20px 0;
  font-size: 1.6em;
}

<textarea rows="3" class="input-borderless" placeholder="Describe the project"></textarea>

我应该得到一个可以被2整除的数字,而我正在这样做.我不确定为什么我的代码不起作用.我正在这个课程中学习javascript.我得到的错误是这样的:

哎呀,再试一次.当number = 2时,看起来你的函数返回false.如果它接收的数字是偶数,请检查if/else语句中的代码是否正确返回true.

问题是:

在isEven函数中写一个if/else语句.它应该返回true; 如果它收到的数字可以被2整除.否则(否则),它应该返回false; 确保返回 - 不要使用console.log()!

我的代码

var isEven = function(number) {
// Your code goes here!
  if(4 % 2) {
      return true;
  } else {
      return false;
  }
};

我究竟做错了什么？

我创建了一个图片网格，由于某种原因，图片不响应最大宽度和最大高度规则。

我补了课

.sizedimg {
    max-width:100%;
    max-height:100%;
}

调整图像大小，使它们处于自然状态，但我希望它们固定在max-height 350px;和min-height 350px;

这是我的 html。我试图将图像包含在“productpiccontainer”中，以便图片不会超过该 div，但它占用了“item”类的整个区域

<div class="item">
    <div class="productpiccontainer">
    <?php echo "<img class='sizedimg' src='productpics/".$product['img'] ."' alt='Product Pic'>"; ?>
    </div>      

    <p><?php echo "<a href='./viewProduct.php?view_product=$id'>" . $product['product_name'] . "</a>"; ?></p>
    <p> <?php echo "$" . $product['price']; ?> </p>                                     
</div>

我创建了一个小提琴...... https://jsfiddle.net/39qy0zdh/

但是，由于某种原因，它确实没有显示正在发生的事情。因此，如果有人想查看这方面的实例，我的网站是 buyfarbest.com 。如果您单击“产品”选项卡，您就会明白我的意思。如果您查看右侧的空产品项目，这就是我尝试对其进行格式化的方式，图片位于内边框中。

有人知道为什么这对我不起作用吗？

我有一个小问题,真的很烦我.每当我的图像悬停在上面时,会出现带有不透明度的黑色叠加层.但是,它会使图像高度增长.请注意,我不是指变换,规模属性.实际图像在图像底部的高度增长.

是什么造成的？

$('.home-img-block').find('img').each(function() {
  var imgClass = (this.width / this.height > 1) ? 'wide' : 'tall';
  console.log(imgClass);
  $(this).addClass(imgClass);
});

#home-img-block-section {
  width: 100%;
  height: 900px;
}
#home-img-blocks {
  width: 100%;
  height: 450px;
}
.home-img-block {
  width: 33.33%;
  /*height: 100%;*/
  float: left;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.home-img-block:hover .overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home-img-block:after {
  content: attr(data-content);
  color: #fff;
  position: absolute;
  top: 50%;
  left: …

我在我的网站上有几个动画,我刚才意识到甚至没有出现在Firefox或Internet Explorer中.我有background-image关键帧内.我这样做是因为我在动画中有不同百分比的不同图像.

为什么不在background-imageFirefox和Internet Explorer中的关键帧内显示,是否有办法使其工作？

我正在进行图像变换,旋转和关键帧,但是我试图让图像在一个圆圈中旋转时遇到了一些问题.我将它设置为旋转360度和两个关键帧0和100.我希望图像从图像的中心点旋转,所以看起来好像加载圆正在加载某些东西.

现在看来图像从左上角旋转.

有谁看到我做错了什么？

#spinning-circle {
  animation-name: spinning-circle;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  width: 40px;
  height: 40px;
}

@-webkit-keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

<div id="spinning-circle">
<img src="http://i.stack.imgur.com/WbNlQ.jpg">
</div>

我试图得到一个XI的图像,当它被盘旋时必须旋转180度,但它只是向上移动而不是旋转.

我做错了什么,这看起来不会旋转180度？

.black {
  background: #000;
  width: 100%;
  height: 400px;
}
.popup-close {
  position: absolute;
  top: 40px;
  right: 40px;
}
#x-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

<div class="black">
  <a class="popup-close" data-popup-close="popup-1" href="#">
    <img src="http://optimumwebdesigns.com/icons/delete-cross.png" alt="" height="40px" width="40px" id="x-close">
  </a>
</div>

我在试图弄清楚为什么$query2失败时遇到了问题.我一遍又一遍地看着这段代码,但无法弄清楚.

这是失败的代码行..

$query2 = mysqli_query($con,"SELECT * FROM forum_topics WHERE category-id='".$cid."' ORDER BY topic_reply_date DESC")
    or die ("Query2 failed: %s\n".($query2->error));

有没有人看到我失踪的东西会导致失败？

$user = new User();
if(!$user->isLoggedIn()) {
    Redirect::to('index.php');
}
$logged = $user->isLoggedIn();
$con = mysqli_connect("localhost", "root", "", "db");
$cid = $_GET['cid'];
$userid = ( isset( $_SESSION['user'] ) ? $_SESSION['user'] : "" );

if(isset( $_SESSION['user'])) {
    $logged = " | <a href='forum_create_topic.php?cid=".$cid."'>Create a new topic</a>";
}
$query = mysqli_query($con,"SELECT * FROM forum_categories WHERE id='".$cid."' LIMIT 1");
$numrows = mysqli_num_rows($query);
if($numrows …

我创建了一个选择/选项框,我的样式没有发生.我已多次上传相同的文件,所以不是这样.我创造了一个小提琴,看看它是否会起作用.但是,当我添加更多我的css代码时,它会回到未经样式的版本.我没有看到我做错的代码超过这个,以便它打破.有人看到我忽视的东西吗？

https://jsfiddle.net/ybd0bLr1/1/

.selectbar 是我选择的酒吧样式来自的类.

.inputbarphone[type=tel] {
    display: block;
    width: 400px;
    margin: 10px auto;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}
.inputbarphone:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}
.inputbarphone[type=tel]:focus {
    border: 1px solid #3385FF;
    -moz-box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
    -webkit-box-shadow: 0 0 1px 1px rgba((51,133,255, 1);
    box-shadow: 0 …

我正在尝试学习Javascript,我试图弄清楚的一个问题是一个函数.我对我认为的其他声明有疑问,但我不确定它有什么问题.我收到一个意外的令牌语法错误{...我知道这意味着什么.如果我移动(numHours < 8)到else的{,那个错误会消失,但是然后就不会运行了.我的其他条件错了吗？

var sleepCheck = function (numHours) {
    if (numHours => 8) {
        return "You're getting plenty of sleep! Maybe even too much!";
    }    
    else (numHours < 8) {
        return "Get some more shut eye!";
    }
}   
sleepCheck(10);
sleepCheck(5);
sleepCheck(8);

我遇到的问题是内容超出容器.它发生在我的代码的service_description区域.我有垂直和水平填充设置描述.垂直填充不是水平的.

要使描述出来只需单击其中一个框,然后您将看到我所指的内容.我希望所有内容都保留在该框中.

当我有填充集时,为什么这样做呢？

$('.service_wrapper').click(function() {
  var thisDescription = $('.service_description', $(this));
  $('.service_description').not(thisDescription).hide().parent().removeClass('closed');
  thisDescription.slideToggle(500).parent().toggleClass('closed');
});

.page_wrap {
  margin: 15px 10%
}
.left_service_wrap {
  float: left;
  width: 40%;
  margin-left: 5%;
}
.service_wrapper {
  margin-left: 25%;
  border: 1px solid black;
  margin: 15px 0;
  width: 80%;
}
.service_list {
  margin-left: 20%;
}
.service_title {
  padding: 15px 12px;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
}
.service_title:before {
  content: '';
  background: url('http://i.stack.imgur.com/GC7i2.png') 0 0 / 10px 10px no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  padding-right: …

我有一个容器元素，我想弄清楚是否可以将它塑造成两个 45 度角。像这样：

它现在只是一个矩形：

<div id="home-img-text">
        <div id="home-img-text-container">
            <div id="home-img-text-description">WRECKING <br>& DEMOLITION <br> DONE RIGHT.</div>
        </div>
    </div>
#home-img-text-container {
    background: rgba(0,0,0,.8);
    padding: 30px 20px;
}
#home-img-text-description {
    color: #FFF;
    font-size: 2.5em;
    line-height: 1.4em;
}

我该怎么做呢？

更新：

.home-img-text {
    position: absolute;
    left: 10%;
    top: 25%;
}
#home-img-text-container1, #home-img-text-container2 {
    position: relative;
    margin-bottom: 20px;
    background: rgba(0,0,0,.8);
    opacity: 0;
    transition:1s; -webkit-transition:1s;
    overflow: hidden;
}
#home-img-text-container1.fadeDisplay {
    opacity: 1;
    transform: translateX(30px); -webkit-transform: translateX(30px);
}
#home-img-text-container2.fadeDisplay {
    opacity: 1;
    transform: translateX(30px); -webkit-transform: translateX(30px);
}

#home-img-text-description …