作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
我有两种字体,Cooper Black 和 Cooper Hilite。我想将它们放在彼此之上,如下图所示:http://viewerslikeu.squarespace.com/storage/720x360_1.png
有人要吗?
最佳答案
好吧,纯粹使用 CSS 的一种方法是使用 :after
伪元素。
检查这个 fiddle :http://jsfiddle.net/4xgdv/
原始元素是relative
及其 pseudo child
是absolute
在0, 0
以确保它正确地覆盖原始元素。
HTML
<div class="doublefont">HELLO</div>
CSS 您可以删除 div。部分使其适用于所有元素
div.doublefont {
position: relative;
color: red;
font-family: arial;
}
div.doublefont:after {
content: "HELLO";
color: blue;
font-family: tahoma;
position: absolute;
top: 0;
left: 0;
}
使其通用
您可以添加一点 JS 以自动让页面上的所有元素都具有类 doublefont
显示叠加字体。也就是说,您需要简单地放入 <div class="doublefont">My text..</div>
之类的元素。下面的 JS 结合上面的 CSS 将完成剩下的工作。您可以将以下JS放入<head>
你的页面。
$('.doublefont').each(function() {
$(this).attr('content', $(this).html());
});
更新 fiddle :http://jsfiddle.net/4xgdv/1/
另外,看看这个相关的答案。这是我从哪里得到 attr(content)
提示。
Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery
关于css - 如何用css叠加两种字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11031262/
我是一名优秀的程序员,十分优秀!