Некоторые из наших пользователей вставляли css в свои посты без их ведома. Этот CSS, по-видимому, связан с рекламой и не генерируется текстовым процессором и состоит только из CSS и без HTML. Ниже приведен пример:
.adslot-overlay
{
position:absolute;
font-family:arial, sans-serif;
background-color:rgba(0,0,0,0.65);
border:2px solid rgba(0,0,0,0.65);
color:#FFF!important;
z-index:2147483647;
text-decoration:none;
box-sizing:border-box;
text-align:left;
margin:0;
}
.adslot-overlay-iframed
{
top:0;
left:0;
right:0;
bottom:0;
}
.slotname
{
position:absolute;
top:0;
left:0;
right:0;
font-size:13px;
font-weight:700;
vertical-align:middle;
background-color:rgba(0,0,0,0.45);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:3px 0 3px 6px;
}
.slotname span
{
text-align:left;
text-decoration:none;
text-transform:capitalize;
}
.revenue
{
position:absolute;
bottom:0;
left:0;
right:0;
font-size:11px;
vertial-align:middle;
text-align:left;
background-color:rgba(0,0,0,0.45);
font-weight:700;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
padding:3px 0 3px 6px;
}
.revenue .name
{
color:#ccc;
}
.revenue .horizontal .metric
{
display:inline-block;
padding-right:1.5em;
}
.revenue .horizontal .name
{
padding-right:.5em;
}
.revenue .vertical .metric
{
display:block;
line-height:1.5em;
margin-bottom:.5em;
}
.revenue .vertical .name,.revenue .vertical .value
{
display:block;
}
.revenue .square .metric,.revenue .button .metric
{
display:table-row;
}
.revenue .square .metric
{
line-height:1.5em;
}
.revenue .square .name,.revenue .square .value,.revenue .button .value
{
display:table-cell;
}
.revenue .square .name
{
padding-right:1.5em;
}
.revenue .button .name
{
display:block;
margin-right:.5em;
width:1em;
overflow:hidden;
text-overflow:clip;
}
.revenue .button .name:first-letter
{
margin-right:1.5em;
}
a.adslot-overlay:hover
{
border:2px solid rgba(58,106,173,0.9);
}
a.adslot-overlay:hover .slotname
{
border-bottom:1px solid rgba(81,132,210,0.9);
background-color:rgba(58,106,173,0.9);
}
a.adslot-overlay:hover .revenue
{
border-top:1px solid rgba(81,132,210,0.9);
background-color:rgba(58,106,173,0.9);
}
div.adslot-overlay:hover
{
cursor:not-allowed;
border:2px solid rgba(64,64,64,0.9);
}
div.adslot-overlay:hover .slotname
{
border-bottom:1px solid rgba(128,128,128,0.9);
background-color:rgba(64,64,64,0.9);
}
div.adslot-overlay:hover .revenue
{
border-top:1px solid rgba(128,128,128,0.9);
background-color:rgba(64,64,64,0.9);
}
Я провел поиск в интернете и не вижу объяснения этому. Все, что я получаю, это несколько других сайтов с похожими css, такими как:
http://www.greenbiz.com/video/2012/02/24/john-donahoe-conversation-joel-makower
http://bloggers.com/posts/tamilactressbook-47592 (каждое сообщение)
Казалось бы, этот css внедряется с помощью javascript, поскольку так много рекламных сценариев являются js и что механизмы отправки сообщений используют редактор wysiwyg, такой как tinymce. Это может быть связано с браузером, и это может зависеть от надстроек. На данном этапе это загадка, и мне интересно, сталкивался ли кто-нибудь еще с этим.