小编Nic*_*art的帖子

如何向图像添加内嵌框阴影?

基本上,我想要在图像上有一种凹陷的效果,如这个小提琴中的外部 div 所示:http://jsfiddle.net/sK5bB/32/

这是我来自 Fiddle 的 CSS(它仅适用于 div,不适用于图像):

#outerDiv {    
    width:100px;
    height:100px;
    border-radius:5px;
    box-shadow:inset 1px 1px 10px #555;
}
Run Code Online (Sandbox Code Playgroud)

html css

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

检查日期是否在两个其他日期之间

我有一个名为"Tenant"的模型,它有两个Date属性tenant_fromtenant_until.

我想写一个方法来检查Date.today我是否在上面提到的两个日期之间.我想沿着这些方向做点什么:

IF Date.today IS BETWEEN tenant.tenant_from AND tenant.tenant_until DO
  ...
ELSE
  ...       
Run Code Online (Sandbox Code Playgroud)

ruby ruby-on-rails ruby-on-rails-4

4
推荐指数
2
解决办法
6963
查看次数

如何在图像上制作透明叠加层

我有一个像这样的简单图像:

<img src="/assets/missing.png">
Run Code Online (Sandbox Code Playgroud)

现在我想要的是能够将鼠标悬停在图像上并出现一个透明的黑色覆盖层,上面有一个大的“x”。是否可以仅使用 CSS3 还是我需要 Javascript?如果是这样怎么办?


我有点让它工作,但我有一个我似乎无法解决的问题。这是一个屏幕截图:

截屏

如您所见,顶部缺少一个部分。这是我的CSS:

.image {
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  max-height: 150px;
  max-width: 150px;
  margin: 15px;
  position:relative;
}

.image img {
  width:100%;
  vertical-align:top;
}

.image:after {
  content:'\A';
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:rgba(0,0,0,0.6);
  opacity:0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.image:hover:after {
  opacity:1;
}
Run Code Online (Sandbox Code Playgroud)

html css

4
推荐指数
1
解决办法
2万
查看次数

如何使用i18n值将coffeescript中的字符串国际化?

我的问题很简单:我的一个coffeescripts中有一个字符串,我需要在我的Rails应用程序中使用i18n值进行国际化.这是我的代码:

 $ ->
      $("#order_accepted_terms").on 'invalid', ->
        this.setCustomValidity('Die AGB müssen akzeptiert werden.')
Run Code Online (Sandbox Code Playgroud)

有人有任何想法吗?

javascript ruby-on-rails internationalization coffeescript rails-i18n

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

将字符串拆分为字符串和整数

我有几个包含一个或多个数字的字符串,也可能在数字后面包含一个或多个字母(字母上限无关紧要).字符串遵循以下正则表达式模式:

[0-9]+[a-zA-z]*
Run Code Online (Sandbox Code Playgroud)

可能看起来像:

"15791"
"14810A"
"10480ABCD"
"5ABCDEFGH"
Run Code Online (Sandbox Code Playgroud)

如果上面的一个字符串包含非数字字符,如何将数字(第一部分)拆分为整数,将字母(第二部分)拆分为字符串?

我知道我可以拆分这样的字符串:

array = "1,2,3,4".split(',')
Run Code Online (Sandbox Code Playgroud)

但这没有用,因为我没有分隔符.

ruby regex string string-split

2
推荐指数
2
解决办法
2202
查看次数

如果在选择列表'a'中选择了选项,则如何从相同的选择列表'b'和'c'中删除选择选项?

我知道标题不是很具描述性,但我希望我能在这里澄清我的问题:我有多个相同的选择下拉列表.现在,我不想做的是从其他所有下拉列表中删除一个选项.这是一个例子:

我选择了'a','b'和'c'.所有这些都包含以下选项:

<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
Run Code Online (Sandbox Code Playgroud)

如果我现在在选择列表'a'中选择选项'1',我想从列表'b'和'c'中删除选项'1'和JQuery.

编辑:这基本上就是我所拥有的:http://jsfiddle.net/j91p8eo5/

有人有任何想法吗?

html javascript jquery

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