x
1
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<style>
6
#myDIV {
7
width: 290px;
8
height: 69px;
9
background-size: 290px 69px;
10
background-repeat: no-repeat;
11
background-image: linear-gradient(to right, yellow 0%, white 100%), url("/examples/logo.png");
12
background-blend-mode: normal;
13
}
14
</style>
15
</head>
16
<body>
17
18
<div id="myDIV">
19
蜜蜂教程 —— 有问题,找小蜜!!!
20
</div>
21
22
<p><b>注意:</b> Internet Explorer 不支持 background-blend-mode 属性。</p>
23
24
</body>
25
</html>