小编Jul*_*lle的帖子

我有以下HTML:

<a href="#" class="home-block" style="background-color:#464646; background-image:url('wardrobe.jpg')">Wardrobe</a>
<a href="#" class="home-block" style="background-color:#6a0d1f; background-image:url('wine.jpg')">Wine</a>
<a href="#" class="home-block" style="background-color:#291407; background-image:url('coffee.jpg')">Coffee</a>

这是相关的CSS:

.home-block {
    background-color: #c2b89c; display: block; height: 180px; line-height:180px;
    text-align: center; font-size: 70px; color:#e2e2e2;
    text-shadow: 2px 2px 0 #444; margin-bottom: 20px; background-size: cover;
    background-position: center center; box-shadow: 1px 1px 4px #111;
}

我的结果现在看起来像这样:

没关系,但我真正想要的是具有纯色的块,并且仅在悬停时显示图像.像这样:

请记住,我正在使用响应式设计,因此块在不同的屏幕尺寸上将具​​有不同的大小和宽高比.这就是我使用的原因background-size: cover.这也适用于CMS系统,因此我希望图像和颜色在HTML中内嵌设置,因此可以轻松编辑,并且可以添加更多块.

所以我基本上需要一个没有绝对定位元素的清洁解决方案(因为它们在没有固定宽度时会断裂)来实现这一点.

我试过的是这个:

.home-block { background: none; }
.home-block:hover { background: inherit }

但没有成功.我正准备使用一些jQuery来修复所有这些,但我很快就想检查是否没有纯CSS方法来实现这一点.

我正在尝试编写一个非常简单的所见即所得的编辑器,用户可以在选择部分文本后简单地添加粗体文本,超链接和项目符号.实际上就像CKEditor一样.

但据我所知,没有办法为textarea添加格式.所以我想知道,像CKEditor这样的其他所见即所得的编辑如何解决这个问题.

_{Textbox <input type="text">在这个问题中引用.}

对于具有给定类的每个文本框,我想检查值是否等于'',如果是,我想要创建值'0'.我想在页面加载后立即执行此操作.

这是我现在最接近的:

$(document).ready(function() {
  if ($('.myclass').val() == '') $('.myclass').val('0');
})

这里的问题是,只要其中一个为空,此代码就会给我的所有文本框(带class="myclass")值'0'.我知道这是我现在使用的代码所期望的行为,但我对jQuery很新,我还没有真正掌握选择器.我该如何解决这个问题？我是否需要创建一个单独的函数来检查一个元素,然后为每个应用于选择器的元素调用它？如果是这样,我该怎么做？

我有一个元素，我希望我的文本行永远不会中断，即使文本达到边界也是如此。在这种情况下，我只是希望文本溢出，就像它只是一个长单词一样。

经过一番研究，我发现 CSS3 属性 text-wrap 可以做到这一点。但任何现代浏览器尚不支持它。http://www.w3schools.com/cssref/css3_pr_text-wrap.asp

我可以使用其他方法吗？