Jump to content
  • 0

Как сделать, чтобы


Destrifer
 Share

Question

С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна...

Only for Chrome!!!!

Блок с бордерами и прозрачкой:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Создание обвязки бокса из 1 слоя.</title>
<style>
body {background:red;}
.block{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8
euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFXbttAoOFP
+hpfEPE4z07A8u0viNSBq3SGAk8YgGd+mragy4QUv+/MAXL/h74xklnkiRI8Z5K3axtQ4hCmQIcF3HC6Y2E99tK7SoAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XsXLoQ5BUQCA4
TO7wg0CRREVT+IhVFkxt3oHSVdMEG2qzQOYoplN8AS33fFVnM3uKf7ti394xrtyZEJOiMlCCAWf9WgzZs
aIA281iHXnzIoNa5ZkX/MPDxb02daboWJPl3nNGdhR0EmZS05M689wYZg63xikziVNWuakKnJzev+bX8B+Ry7/6R9CAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXNoQ5BYRzGY
ewIJyiKTRIUN6FqqitwBTbVPZhbMMVEVyHQVJugaafZ56ls/9l3mnd74m9vM6XUCFYyZ0afAR8rgnDMlidnTtx/xQUbpux4EK6FAQeGrIMwfF7RYx8E4XOXJUcsL15woaoTT7hi+fGIW524Q5uqTlzywrJj47/iN8uKFiJDN4LPAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAhUlEQVR4XtXRIQ6DMBSH8
TJQONwESS0ObkEyidop5jgAk012ArjI7C6BQaBIMBhEBaL7dDfTN7V/8pOfeHmRc65V4btDn9QP+784hpXEKQ7sklhjlN5c4CmJU5R4SOILDLaQOEaNFV3Iq864YUIDBiT4thwZ
KmS44gXlxwb+ZiwY0MPiY29d9xTyL5N8uAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJElEQVR4XtXLoQEAIAwDs
IwjOHe/7pKikUjiU0k2Bu3RcvklHy5mBHrlIMAiAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJUlEQVR4XsXLwQ0AAATF0
M8iprSAxcsK4uAlPdaA1F5N4Tr4mxu7iwQb2/HAUwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAH0lEQVR4Xs3HsQ0AAAQAs
Ebc7H0WgxN0qz4SZQU8zQCJkgyHzWNgDgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAIElEQVR4Xs2OsQkAAAiAp
J+731qiTkhwcBM1x+DwLPBQcFcWY7gG3lsAAAAASUVORK5CYII=);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x;
background-position: bottom left, right top, left top, right right, left top, right top, left top, left bottom;
background-color: rgba(255,255,255,0.5);
padding:20px;
margin:20px;
color:#000;
}
</style>
</head>
<body>
<div class="block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique.
</div>
</body>
</html>

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8
euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFXbttAoOF
P
+hpfEPE4z07A8u0viNSBq3SGAk8YgGd+mragy4QUv+/MAXL/h74xklnkiRI8Z5K3axtQ4hCmQIcF3HC6Y2E99tK7SoAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XsXLoQ5BUQCA4
TO7wg0CRREVT+IhVFkxt3oHSVdMEG2qzQOYoplN8AS33fFVnM3uKf7ti394xrtyZEJOiMlCCAWf9WgzZ
s
aIA281iHXnzIoNa5ZkX/MPDxb02daboWJPl3nNGdhR0EmZS05M689wYZg63xikziVNWuakKnJzev+bX8B+Ry7/6R9CAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXNoQ5BYRzGY
ewIJyiKTRIUN6FqqitwBTbVPZhbMMVEVyHQVJugaafZ56ls/9l3mnd74m9vM6XUCFYyZ0afAR8rgnDMlidnTtx/xQUbpux4EK6FAQeGrIMwfF7RYx8E4XOXJUcsL15woaoTT7hi+fGIW524Q5uqTlzywrJj47/iN8uKFiJDN4LPAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAhUlEQVR4XtXRIQ6DMBSH8
TJQONwESS0ObkEyidop5jgAk012ArjI7C6BQaBIMBhEBaL7dDfTN7V/8pOfeHmRc65V4btDn9QP+784hpXEKQ7sklhjlN5c4CmJU5R4SOILDLaQOEaNFV3Iq864YUIDBiT4thwZ
KmS44gXlxwb+ZiwY0MPiY29d9xTyL5N8uAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJElEQVR4XtXLoQEAIAwDs
IwjOHe/7pKikUjiU0k2Bu3RcvklHy5mBHrlIMAiAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJUlEQVR4XsXLwQ0AAATF0
M8iprSAxcsK4uAlPdaA1F5N4Tr4mxu7iwQb2/HAUwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAH0lEQVR4Xs3HsQ0AAAQAs
Ebc7H0WgxN0qz4SZQU8zQCJkgyHzWNgDgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAIElEQVR4Xs2OsQkAAAiAp
J+731qiTkhwcBM1x+DwLPBQcFcWY7gG3lsAAAAASUVORK5CYII=);

Пристрелите меня :lol:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy