С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна...
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>
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.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
Destrifer
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна...
Only for Chrome!!!!
Блок с бордерами и прозрачкой:
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
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.