我一直在互联网上浏览一些关于 Rails 中的 Materialise 的帖子,但是这个领域似乎非常模糊。我目前正在使用 Materialize-sass gem。
我没有找到很多有用的帖子,我决定来这里。
这是我的页面代码pages/discover.html.erb
<%= stylesheet_link_tag "https://fonts.googleapis.com/icon?family=Material+Icons" %>
<div class="row">
<div class="col s12 m5">
<div class="card">
<div class="card-image b">
<img src="http://i.huffpost.com/gen/1456585/images/o-CRAIG-COBB-facebook.jpg">
<span class="card-title">Cregg Cobb Is Back At It Again, But Only This Time He Has Guns</span>
</div>
<div class="card-content">
<p>I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively.</p>
</div>
<div class="card-action">
<div class="chip">
<img src="http://i.huffpost.com/gen/1456585/images/o-CRAIG-COBB-facebook.jpg" id="cobb">
Like
</div>
</div>
</div>
</div>
</div>
我想做<img>
通过使用变暗filter: brightness(50%);
我该怎么做呢?我从哪开始呢?
额外奖励:如果您知道我可以在哪里添加 Materializecss.com 在讨论组件和转换时提到的 jQuery 内容,我将不胜感激!
由于它只是一个覆盖,您可以使用 !important 类将新的 .css 文件添加到资产(或存储静态内容的任何位置):
img.darker {
filter: brightness(50%) !important;
}
然后将其导入模板的顶部:
<%= stylesheet_link_tag "/path/to/css.file" %>
并将该类添加到您的图像标签中:
<img src="/my/img.png" class="darker">
或者,您可以单独设置图像标签的样式:
<img src="/my/img.png" style="filter:brightness(50%)">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)