请注意:使用单独的样式表或条件注释来标记IE11或更低版本不是一个选项,所以我需要一个可以在所有浏览器的全局CSS中使用的解决方案.
我在标题元素上使用“before”伪元素来插入一个左双引号.它在Chrome,Firefox,Safari Mobile等浏览器中看起来不错,但IE 11及更低版本高出约30像素.
我已经尝试过我能想到的一切,我做的都不会把双引号放在所有浏览器的同一个地方.
有谁知道修复?
HTML:
Lorem ipsum dolor sit amet,consectetuer adipiscing elit,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
CSS:
body {
margin: 20px;
}
h1 {
font-family: Arial,Helvetica,Sans-serif;
font-weight: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 20px;
line-height: 1.25rem;
position: relative;
padding-left: 44px;
}
h1:before {
font-weight: bold;
font-size: 70px;
font-size: 4.375rem;
line-height: 50px;
line-height: 3.125rem;
position: absolute;
top: 6px;
left: -5px;
content:"“";
}
铬:
IE 11: