小编ekn*_*197的帖子

我想linear-gradient在图像上创建这种效果：

我试过这个代码：http : //codepen.io/anon/pen/dNZoeJ

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
.bg-img {
  width: 100%;
  height: 100%;
  background: url('http://unsplash.it/1200x800') center center no-repeat;
  background-size: cover;
}
.bg-img:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
  opacity: .6;
}

<div class="bg-img"></div>

但是我的图像是内联的而不是背景的，所以这是行不通的。

<% review.forEach(function(review) { %>
      <div class="col-md-4 col-sm-6">

        <div class="thumbnail">
          <div class="img">
            <a href="/review/<%= review._id %>"><img src="<%= review.image %>"></a>
          </div>

        </div>

        <div class="caption">
            <a …

我使用 Simplemde（降价编辑器）作为嵌入式文本区域，用于在我的网站上撰写文章。我最近遇到了一个问题：

在编写时，如果我插入一个图像，它会拉伸到 100%，占据整个页面，如下所示：

我尝试在 textarea 中插入内联 css（样式标签），但这没有用。

但是在预览选项中，我使用了内联 css（将高度和宽度设置为 400px）并且它有效：

如何在此降价编辑器中根据我的喜好设置图像大小？

更新：我已经尝试在 Markdown 中嵌入 HTML，例如：

<img style="width:400px;" src="abc.jpg">

但这似乎不起作用，我的图像甚至没有以这种方式出现在文章中。整个 img 标签缩小到<img>我的 textarea 中！