小编and*_*ndi的帖子

我可以在CSS类名或ID中安全地使用unicode字符(例如重音符号)吗?

我刚遇到一种情况,产品名称会自动作为类名引入我的HTML,其中一个产品名称带有重音字母.它看起来像这样:

<div class="español">Hola</div>
Run Code Online (Sandbox Code Playgroud)

If I add a CSS declaration with that class, like this:

.español {background:yellow;}
Run Code Online (Sandbox Code Playgroud)

Will it cause any problems? It seems to work so far, but I'm not sure if it's completely cross-browser compatible.

Also, would it be any different if that were an id instead of a class? That seems to work so far, too, but again I am not sure if it'll hold up everywhere.

css

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

如何在悬停时立即停止 CSS 动画?

我做了一个由元素淡入淡出组成的 CSS 动画。
我在这里设置了一个小提琴:http : //jsfiddle.net/BX78D/(仅限 webkit)

@-webkit-keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}
Run Code Online (Sandbox Code Playgroud)

那部分很好,但这是我需要帮助的部分:当用户将鼠标悬停在该元素上时,我需要停止动画并将元素立即设置回 100% 不透明度(使用新的背景颜色)。现在,我只能让它在继续当前不透明度动画的同时更改背景颜色。有谁知道如何做到这一点?

解决方案必须是仅 CSS 的解决方案。由于客户端规则,我不能为此使用 JS。如果不能只用 CSS 来完成,我将不得不废弃整个效果。

css

6
推荐指数
1
解决办法
3886
查看次数

:在Zepto.js中选择

在Zepto.js中执行.find("option:selected")时遇到错误.Zepto中是否支持":selected"?如果没有,是否有相同的方法来使这项工作,而不回复jQuery?

jquery zepto

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

我可以强制Facebook fb_edge_widget_with_comment打开面向左而不是右边?

看看这个页面:http: //www.allyou.com/static/weekly-circulars/

当您单击Grocery Circular Roundup标题旁边的Like按钮时,Like小部件会向右打开,因此关闭按钮会在内容的边缘处被切断.

Facebook小部件被切断了

但是,当用户缩小浏览器宽度时,同一个窗口小部件会自动向左打开,以便它适合页面.

即使用户的浏览器非常宽,有没有办法强制小部件向左打开?我没有选择通过删除内容区域中隐藏的溢出来修复此切断关闭按钮问题,因为这与其他广告客户要求相冲突.

html javascript css facebook

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

基金会中心多列成行

我尝试将列中心排成一排.

有简单的代码:

<div class="row" style="background-color:black;">

      <div class="large-2 small-6 text-center radius panel left columns" id="days" style="opacity:0.8;margin-right:0.5%;"></div>
      <div class="large-2 small-6 text-center radius panel left columns" id="hours" style="opacity:0.8;margin-right:0.5%;"></div> 
      <div class="large-2 small-6 text-center radius panel left columns" id="minutes"style="opacity:0.8;margin-right:0.5%;"></div>
      <div class="large-2 small-6 text-center radius panel left columns" id="seconds" style="opacity:0.8;"></div> 
</div>
Run Code Online (Sandbox Code Playgroud)

结果如下:

在此输入图像描述

你可以看到,行的空间是黑色背景.如何将列居中排?

html css css3 zurb-foundation

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

如何在每一端制作带圆圈的水平边框

我需要像这张图片一样制作边框

http://i.imgur.com/sFVUTrk.jpg

有人有想法吗?我尝试过:after和:在css的属性之前但没有成功.html标签是h1,需要底部的那种边框.有可能成功吗?

html css html5 border css3

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

标签 统计

css ×5

html ×3

css3 ×2

border ×1

facebook ×1

html5 ×1

javascript ×1

jquery ×1

zepto ×1

zurb-foundation ×1