小编use*_*648的帖子

为什么图像会从彩色叠加中窥视?

我在图像上放置了一个黑色的覆盖层,但是我注意到行图像从边缘沿覆盖层的位置略微达到峰值。不同大小会影响图像行。我创建了一个CodePen,可以加载Bootstrap 4 CSS和JS,因此可以实时看到。我还上传了以下图片,以证明您的运气好于其他人,具体取决于屏幕尺寸。感谢帮助!

CodePen: https ://codepen.io/anon/pen/vMOwLb

的HTML

<div class="card-container mx-auto">
    <div class="card-deck flex-row flex-nowrap card-deck-topic bkg-color">

        <div class="card card-topic">
            <a href="#" class="topic-card-box">
                <img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />

                <div class="card-body card-body-topic card-body-topic-align">
                    <p class="card-sub card-sub-topic-title">Title Here<span class="line-two">Second Line of Text</span></p>
                </div>
            </a>
        </div>

       <div class="card card-topic">
            <a href="#" class="topic-card-box">
                <img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />
                <div class="card-body card-body-topic card-body-topic-align">
                    <p class="card-sub card-sub-topic-title">Title Here<span class="line-two">Second Line of Text</span></p>
                </div>
            </a>
        </div>

        <div class="card card-topic">
            <a href="#" class="topic-card-box">
                <img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />

                <div class="card-body card-body-topic card-body-topic-align"> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap bootstrap-4

6
推荐指数
1
解决办法
112
查看次数

使Bootstrap卡完全可点击

我在使整个Bootstrap 4卡可点击时遇到麻烦。我正在使用HTML5和Bootstrap 4,无法使包含的卡可点击。图像和文本是可单击的,但是我希望用户能够在框中的任何位置单击。我尝试用链接包装它,该卡片看起来可点击,但并非完全可以。感谢帮助

Codepen: https ://codepen.io/anon/pen/PVNXgV

的HTML

<div class="container">
  <div class="card-deck flex-row flex-nowrap">

    <div class="card">
      <a href="http://google.com"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Alberobello_BW_2016-10-16_13-43-03.jpg/250px-Alberobello_BW_2016-10-16_13-43-03.jpg" alt="Card image cap"></a>

      <a href="http://google.com">
        <!-- THIS DIV IS NOT CLICKABLE BUT I WANT IT TO BE -->
        <div class="card-body">
          <a href="http://google.com"><h3 class="card-sub align-middle">Card Title</h3></a>
          <p class="time-card">2 Days Ago</p>
        </div><!-- END CARD-BODY -->
      </a>
    </div><!-- END CARD -->

    </div><!-- END CARD DECK -->
</div><!-- END CONTAINER -->
Run Code Online (Sandbox Code Playgroud)

的CSS

.card-container{
  max-width:1400px;
  width:95%;
}

.card-body{
  max-width:250px;
  padding-left:10px;
  margin-top:0px;
  transition:.3s;
  -webkit-transition:.3s;
}

.card-deck{
  margin-bottom:3.2rem;
  display: …
Run Code Online (Sandbox Code Playgroud)

html css html5 twitter-bootstrap bootstrap-4

3
推荐指数
3
解决办法
3910
查看次数

无法在Cordova中删除Android平台

我试图在我的cordova应用程序中删除Android平台,但无法。感谢帮助!

$科尔多瓦平台删除Android

rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android / app

rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android / app rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android

从config.xml文件中删除Android平台...

不知道为什么,但是我检查一下是否至少被识别为已删除但不是:

$ cordova平台

已安装的平台:
android

可用平台:

安卓〜7.0.0浏览器〜5.0.1 ios〜4.5.4 osx〜4.0.1 Windows〜5.0.0 www ^ 3.12.0

如果我去重新添加android平台,我得到这个:

$ cordova平台添加android

将cordova-fetch用于cordova-android@^7.0.0(节点:11012)UnhandledPromiseRejectionWarning:CordovaError:已添加平台android。在C:\ Users \ computer \ AppData \ Roaming \ npm \ node_modules \ cordova \ node_modules \ cordova-lib \ src \ cordova \ platform \ addHelper.js:149:35 at _fulfilled(C:\ Users \ computer \ AppData \ Roaming \ npm \ node_modules \ cordova \ …

android cordova

1
推荐指数
1
解决办法
2853
查看次数

标签 统计

bootstrap-4 ×2

css ×2

html ×2

twitter-bootstrap ×2

android ×1

cordova ×1

html5 ×1