我使用<html lang="en">
<head>
<title>Cameron Behbahany</title>
<meta name="DESCRIPTION" content="Portfolio">
<meta name="AUTHOR" content="Cameron">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
<style>
.header {
display: block;
margin: 0 auto;
width: 960px;}
.headerleft {
display: flex;
justify-content: space-between;
float: left;
margin-top: 150px;
margin-bottom: 50px;
margin-left: 50px;
width: 275px;
font-family: "Nexa";
font-size: 11px;
letter-spacing: 2px;
font-weight: 700;
color: lightgrey;}
@font-face {
font-family: "NexaBlack";
src: url(fonts/'NexaBlack.otf');
font-style: normal;
font-weight: 900;}
.headerright {
float: right;
margin-top: 150px;
margin-right: 50px;
margin-bottom: 60px;
width: 300px;
text-align: right;
font-family: "Nexa";
font-size: 31px;
letter-spacing: 6px;
font-weight: 900;
color: grey;}
a {
text-decoration: none;
color: lightgrey;}
.link:hover {
border-bottom: 6px solid grey;
padding-bottom: 6px;
color: grey;}
#clicked {
color: grey;
border-bottom: 6px solid grey;
padding-bottom: 6px;
font-weight: 700;
cursor: default;}
</style>
</head>
<body>
<div class="header">
<p class="headerleft">
<a class="link" href="index.html">PROJECTS</a>
<a id="clicked" href="javascript:void(0)">ABOUT</a>
<a class="link" href="contact.html">CONTACT</a>
</p>
<p class="headerright">
<a class="logolink" href="index.html">BEHBA</a>
</p>
</div>
</body>
</html>
为我的文档绘制阴影效果。它运作良好,但在我的文档的右侧,效果有时会在绘制区域的一部分周围。这只发生在水平滚动的某个范围内。对于大多数滚动范围,一切正常。对于文档的其他方面,一切正常。当我在受影响的范围内滚动时,我可以看到渐变包裹点卡住了。我可以滚动文档/背景的其余部分,但渐变包装点卡在我屏幕的某个像素上。
Gdiplus::LinearGradientBrush
什么可能导致这种影响?如果需要,我可以发布图像以更好地描述问题。
修改:图片here。渐变包装点以某种方式固定在我的窗口中的像素上,并且当我滚动时包络点不会移动。
答案 0 :(得分:0)
这是由我的AMD 6xxx系列视频卡的驱动程序错误引起的。 Windows VGA驱动程序没有出现此错误。截至2015年10月的当前AMD视频驱动程序仍有错误。解决方法是使用16个宽度渐变。