gpt4 book ai didi

Webkit border-radius 背景不当行为

转载 作者:行者123 更新时间:2023-11-28 14:14:24 25 4
gpt4 key购买 nike

如果我删除 border-radius 属性,Chrome 会以灰色显示整个背景。当我添加 border-radius 时,页面背景变为白色。这只是 Chrome/webkit 特有的。该页面在 Firefox/Opera/IE 中随处可见灰色背景。有什么想法吗?

http://devio.us/~hara/test.html

最佳答案

有趣的问题。 @Zlatev 绝对正确,您可能应该将样式设置为 <div><html> 内和 <body>标签。

我试着玩弄它,我发现如果你把背景放在 <body> 上标记它仍然会溢出以填满整个页面,但是如果您为 <body> 指定背景标记,然后声明 <html>标签具有不同的背景(例如,白色),看起来就像您希望的那样。

<!doctype html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="faviconNoFap.ico" />
<style type="text/css">
html {
background: white;
}
body {
width: 760px;
margin: 55px auto 0 auto;
border: solid 1px;
font-family: Hoefler;
background: #e4e4e4;

}
h2 {
margin-top: 0.5em;
border-bottom: dotted 1px;
font-family: Helvetica, sans-serif;
}

</style>
<title>Test title of a test web-page</title>
</head>
<body>

<h2>Heading Heading Heading Heading</h2>

<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>


<h2>Heading Heading Heading Heading</h2>

<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>



</body>
</html>

关于Webkit border-radius 背景不当行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9167893/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com