Home >Web Front-end >HTML Tutorial >I came across this thing when changing css on a website_html/css_WEB-ITnose

I came across this thing when changing css on a website_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:05:451497browse

.brand.airbnb{position:relative;margin:4px 10px 0 9px;padding:0;width:80px;height:36px;-moz-box-sizing:border-box;box-sizing:border-box;color:transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAkCAMAAAApfE1IAAAAXVBMVEUAAAAAsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AoeoAsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP8AsP+H7m7GAAAAHnRSTlMADoXqqyAWoCvL+JA48UcytnCYAwjeWmN8UtQ8wUH5IQVZAAADPklEQVR4Xu1U2bLsJhAD78bGG14ZW///maGXOpmpcyfvqUQvjaEt1C3A/LvxP2yWA0X5p6WKlurKfEfTwnWfCb0H4w+MgwPBf2dsQMjfE0YA07wA9W8+AAUtLV8Ja2Rh8O8J6wbsKXZwv+p1wJBiAf+VMKfCesD8YAEOigdNfmISPnMCXwl5KQDvPSh40CH/XXDHgwLbPxPu8MYOV8PJaoZ1vxoV4SxX/quHtgZ83QhhY6wHaiS0lSlJhZbVf/K9gFO1Y/zk20DgVt24mwIKxHCqwArwawqLR3yMfYbK1IDVpsTwTtcB6J45By5TTVDcw7gAV45W2wT4V+9A4KQa2twWQN58nlo0hgqNBxTIRFVUiy8okN9QqMUzCK76uxG4r35lGwndXihfKb9aonZLFXZtSwYUz4sWA2Uhs+ssCujTqQQldGOSqj1hX6TiiV2sRdOJ3XDWlEJomenWgxNa4EpxlF6IWyt0j/KEeNyLi7O4Wuy86jFzL7jWTE/uLj8MrWwpPzzAYwQHsFMQwsOtJIKSeNsXy63e78oGb4mhIFbtl1lEluY1FLRWdjWsqgVWkkcOjrVIcRGneJIbVfoyTSAxOdD1xuhzUhSi7ZJ77DhIWTei2mDJJ+xMK42d6e8Kh6hAjsFMYqLjdRsjmysULaiVVouKuOWMjWwFRpmMq6nR8BCFaWsifKgntRg6iwuZNI0ydz2TwnuwzlHnGnpdB0Qeol1N3iXCLVB1pNryXQwetbrQsggfhPAk9R2ZOuQvOelTZSrHKmbc1uwYTYHnx/yeGUZ0Qe/dyALFeqidbECgwFijmDsewTRkx3XRwy2Tu9zKxM0CjjSoPL9j2kPCLDyTzNobwCrcjYs6KiB34OTC9Ugz1ptcZWTiw8O/lxGlkZhgP9/kVd7HQCeDtw8nZGDsBHFLvHdHT+ekKjOkEAzdc0RIXR0S5sTyRGDrgLupbkSbdoqA6Bo24F6N4sAnHOdlIYVYF1BEz6/32kKx0cTG+Q6gHX5w5bTENC2PAXK7lCHu8gVBlnTahUYejDNcENTCpwjjlXzvj2OkEmPenizfnm2+1Q+1JUujZdQe7ccrHK3fFjK8WTa3daP5z+IvHfliB0vhN3UAAAAASUVORK5CYII=) 0 0 no-repeat;text-shadow:none;text-indent:-9999px;z-index:2}


回复讨论(解决方案)

查了一下,应该属于base64编码,但是在网上找的解码软件都解不出来。我想换上我的图片,结果将我的图片按base64编码后替换用上去格式乱了,图片不显示。跪求大神解惑。

100分跪求帮忙。

<span style="background:url(data:image/png;base64,R0lGODlhlgCWAMQAALq6uu3t7cjIyNvb29HR0fr6+ru7u7+/v+Tk5N/f3/Hx8ejo6M3Nzfb29tbW1sTExLm5ub6+vv///7a2tgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODA1MkIxOTg0RTEyMTFFMzgzNTZBMEMyNzU1OUNBRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODA1MkIxOTk0RTEyMTFFMzgzNTZBMEMyNzU1OUNBRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDUyQjE5NjRFMTIxMUUzODM1NkEwQzI3NTU5Q0FGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MDUyQjE5NzRFMTIxMUUzODM1NkEwQzI3NTU5Q0FGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAACWAJYAAAX/YASMZGmeaKqubOu+cNxG0GTfeK7vfO//wKBwSARCAMWkcslsOnmjp3RKrSaj1qx2K8Vyv+AwFCkum7nes3rdTLPfcKA7Tq/b5vY8G6/vl/l+gWhkgoVggIaJT4iKjUqMjpFCkJKVPZSWmTiYmpqcnZafoJKio46lpoqoqYarjQ8CBAMJAbUSt7i5urm1AQsDAw4CAluufrEDAQ27zM3Ozr4DDAddhJkHBAgKz9zd3roBCdNLxmzYCwXf6uvfDY/WiQIJy+z19s7vigII6ff+/7cK5BN0YB7Ag/8CDOxDIADCh/4WLKxjYEA/iBjZDZgI5wC/jCA1clzjMaTJdcSu/8A7U/HiyZfPUhYpx4SAS5g4mZFbGebBtpxAm+1kmSCo0V0KhpZ5QO+oUwkKR24Z8LSqhARKvxhwaPXpRqlVmHatSiCrFptjq8qcyXMKgbRWqYF9UhRuVSY0dyCwW1Wg2Sl7+UINAEzYMAFybxg4LIABMFoBbj6LOncJ1bENfiG2ckCAg2Q/d0n86+RtXwQEEpeJpQ3X18pFGDwtkOCBHQMMUONtm+SBZJgBGLDaxJuIgdA5EdgeTlxK4JwB1jK/U1yI7JwFyk7XUc7Ab5ABDGzfUe75y9fjcxgTkFN7eu7VfyA36f69+vg9TL+sb7/5kqYmodeff0noZ9JoA8L33/9LBYiXoIJJsLffg+Thp4N54FFYYRIGwCSdhhOUYmCGIN6XxAITlkigEB2e5JeKN4hynUkIwLhiEBhmJJyN1BUxX0Y8xmihDS2aRBmPn0hoElZBhjjkBA6kGOQndZn0oYqfcGWSajZ+8iNGTfY4BExhOkkEmWF+8lJSaT6JZpNqvlRmnCfN6eZLXMJIp5Vtnnlen0N8CRGCSD6pZUgvFkpElSbtqOgQUb5EqJ5PPoBTniCKglONjw6BooedChHpSw04iOWTExyQXJeoTnDoSQ5QWiBQ/D1YindAMakhKpdBZ2qCqOAKVAGODrhKr0BFB2yrRH73krL2uTJiUA04gOn/GQdYa4Uxrx6lwABXbtHZAOjcEu5uTRzgrFHhEHBuhJ6B1sy7sAExo2C1IACMNIwd9tm+vay7SxY0MSpYTgQzq8OnB+PkzrYK53BcwzgdOUVeE0xM8UkWV0OFxhuDJKDHHwsa8j8jLxIxDwbkePI/sUKsBbIv/0NvvUsIIHDN3dysEhcGMMxzPb9evHIQaA3NjhYY+9Cy0uokSkXTPzzQLdS7dEzyaldjfYvWKq8hQNdQ61oF1UQUtHPIKYcdBwFCKx2zzBTBDbXPP+uBGwIAbrwc3YFg0xpfDaBW9NRHr+YALX3DVEAA+gpweMKawPIZZGQ/83gv+zKw2Rpol9lGP+KiG126HaGfnrfqcKTO+hCuvx5E7LL/QHvtl5COO1u7q3F77yYC/4fuwstBfPE+/I688sUzL7zzwEPfOwAhAAA7);display: block;height: 150px;width: 150px;"></span>

用你的头像做的。
我的是chorme浏览器。
右键你的头像,复制图片地址,在新标签页,粘贴图片地址
按F12 在Sources 标签页 查看图片文件。
可以看到一段代码。 
copy下来 就可以了

好吧  我自己解决了  火狐真是好东西  还有baidu

用你的头像做的。
我的是chorme浏览器。
右键你的头像,复制图片地址,在新标签页,粘贴图片地址
按F12 在Sources 标签页 查看图片文件。
可以看到一段代码。 
copy下来 就可以了


chorme这么吊?我用firefox试了下  出不来  只能用网上的工具了
还是谢谢你  分就给你吧
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn