草庐IT

Block_Chain

全部标签

html - css 在悬停图像时淡入淡出 block 文本的过渡?

这是我的代码,当您将鼠标悬停在图像上时,我希望使用css3过渡来淡化文本和背景颜色。我已经尝试了许多选择器和过渡类型,但似乎无法正确处理任何帮助,我们将不胜感激。看下面的演示http://jsfiddle.net/jiceb/xsFmA/SomeText和CSSa{position:relative;display:inline-block}aimg{width:250px;}ah2{display:none;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:black;color:#fff;}a:h

html - css 在悬停图像时淡入淡出 block 文本的过渡?

这是我的代码,当您将鼠标悬停在图像上时,我希望使用css3过渡来淡化文本和背景颜色。我已经尝试了许多选择器和过渡类型,但似乎无法正确处理任何帮助,我们将不胜感激。看下面的演示http://jsfiddle.net/jiceb/xsFmA/SomeText和CSSa{position:relative;display:inline-block}aimg{width:250px;}ah2{display:none;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:black;color:#fff;}a:h

html - 如何将 div 与显示内联 block 右对齐?

我希望第一个div向右对齐,如果我使用floatright它会将第二个div放在我不想要的同一行上,我的目标是使第一个div向右对齐而不丢失它在聊天应用程序中的block级别。任何帮助将不胜感激。.谢谢注意:我使用displayinline-block只是因为我希望div适合内容。.outer{display:block;}.lbubble,.rbubble{position:relative;padding:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px2px10px0px#616161;b

html - 如何将 div 与显示内联 block 右对齐?

我希望第一个div向右对齐,如果我使用floatright它会将第二个div放在我不想要的同一行上,我的目标是使第一个div向右对齐而不丢失它在聊天应用程序中的block级别。任何帮助将不胜感激。.谢谢注意:我使用displayinline-block只是因为我希望div适合内容。.outer{display:block;}.lbubble,.rbubble{position:relative;padding:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px2px10px0px#616161;b

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

html - 具有更多文本的元素会下推其他行内 block 元素。为什么?

这非常简单,我完全被这种行为搞糊涂了。我希望我的搜索结果显示在一个漂亮的连续2block网格中。但相反,它显示歪斜,其中带有更多文本的div将其他内容推向下方。我该如何解决这个问题?这是一个显示FF和Chrome中问题的简化示例:.search_result{border:thinsolid;width:250px;height:200px;display:inline-block;}Meerkatsdemonstratealtruisticbehaviorwithintheircolonies;oneormoremeerkatsstandsentrywhileothersarefor

html - 具有更多文本的元素会下推其他行内 block 元素。为什么?

这非常简单,我完全被这种行为搞糊涂了。我希望我的搜索结果显示在一个漂亮的连续2block网格中。但相反,它显示歪斜,其中带有更多文本的div将其他内容推向下方。我该如何解决这个问题?这是一个显示FF和Chrome中问题的简化示例:.search_result{border:thinsolid;width:250px;height:200px;display:inline-block;}Meerkatsdemonstratealtruisticbehaviorwithintheircolonies;oneormoremeerkatsstandsentrywhileothersarefor

html - 如何创建用CSS切掉一 block 的圆圈

我想用CSS创建一个圆,切掉一block(比如披萨:D),但我不知道。请指导我如何创建一个圆圈,就像一block切掉的披萨。这是我的代码:HTML:CSS:.state{position:absolute;height:44px;width:44px;right:5px;top:0;border:3pxsolidtransparent;border-radius:25px;z-index:1;border-color:#82ba00}我想创建这个图像: 最佳答案 使用RJo提供的链接和我想出的其中一个答案中的演示:.arc-wrap

html - 如何创建用CSS切掉一 block 的圆圈

我想用CSS创建一个圆,切掉一block(比如披萨:D),但我不知道。请指导我如何创建一个圆圈,就像一block切掉的披萨。这是我的代码:HTML:CSS:.state{position:absolute;height:44px;width:44px;right:5px;top:0;border:3pxsolidtransparent;border-radius:25px;z-index:1;border-color:#82ba00}我想创建这个图像: 最佳答案 使用RJo提供的链接和我想出的其中一个答案中的演示:.arc-wrap