我创造了一个美丽的虚假传奇，用于围绕某些文字的框：jsfiddle。但是，我的解决方案使用:before和:after伪类，这在IE 7和IE 8中无效.Bummer。
所以我决定尝试定义自己的跨度来代替:before和:after伪类。不幸的是，我的解决方案似乎适用于:before替换，但不适用于:after替代：jsfiddle。此外，由于一些无法解释的原因，盒子的内容已向上移动。
是否有可能通过CSS和HTML完成我正在做的事情？我不想带任何Javascript或jQuery。
谢谢！
答案 0 :(得分：1)
http://www.webdevout.net/test?01&raw：
<!doctype html>
<html>
<head>
<title></title>
<style>
html {
overflow-y: scroll;
background: #ff3366;
font: 16px serif;
}
fieldset {
border: 3px solid #ffc2d1;
}
legend {
background: url(http://img820.imageshack.us/img820/4242/spritearrowdown.png) no-repeat 3px 50%;
padding: 0 0 0 13px;
}
html > /**/ body
legend { /* if the way it looks in IE8 really bothers you: */
position: relative;
right: -13px;
}
</style>
</head>
<body>
<form action="foo">
<fieldset>
<legend>Model Forecast Guidance</legend>
Fieldset
</fieldset>
</form>
</body>
</html>