我有一些似乎只适用于Chrome的代码。
当我通过W3C运行时,它会说明
“属性形状不存在。”
shape-outside
无效css吗?
我希望页面上的主要文字环绕拉引号并保持拉引号的形状(椭圆)。
这是我的代码:
.quote {
float: left;
width: 40%;
box-shadow: 10px 10px 5px #888888;
border-radius: 50%;
shape-outside: ellipse();
margin: 1em;
background-image: url(../../Images/quote.png);
background-repeat: no-repeat;
background-position: center top;
}
.quotext {
display: inline-block;
font-size: 1.5em;
font-weight: bold;
color: #2c6f93;
padding: 2.25em;
font-style: italic;
}
<p>A bunch of text</p>
<blockquote class="quote">
<p class="quotext">pullquote text</p>
</blockquote>
<p style="text-align:left;">more text A bunch of text</p>
答案 0 :(得分:4)
仅Chrome,Opera和Safari支持,最后一个使用-webkit-
正如@Paulie_D在他的评论中已经说过的那样,验证者往往非常严格,而且大部分时间都不能识别实验性特征或带有供应商前缀的属性。它并不意味着它最终不会起作用。
shape-outside