Опера отстала от IE лет на 10, как минимум!

<HTML>

<STYLE>
P.classOvr{color:#FF0000;onmouseout:funOut;}
P.classOut{color:#00FF00;onmouseover:funOvr;}
</STYLE>

<BODY><P class=classOut>Hello!</P></BODY>

<script>
function funOvr(){this.className="classOvr"};
function funOut(){this.className="classOut"};
</SCRIPT>
</HTML>

<HTML style="behavior:url('dcss.htc')">

<STYLE>
P.classOvr{color:#FF0000;onmouseout:funOut;}
P.classOut{color:#00FF00;onmouseover:funOvr;}
</STYLE>

<BODY><P class=classOut>Hello!</P></BODY>

<script>
function funOvr(){this.className="classOvr"};
function funOut(){this.className="classOut"};
</SCRIPT>
</HTML>

MasterWeb Спасибо что отправили меня на изучение стандарта css2.1 я не профи и не имею возможности прям так сходу его прочитать и разобратся. Как будет время обязательно отвечу Вам, а так если честно вашь ответ достоит профессионала, которому нет дела до мух.

Если честно по моему вы противоречити сами себе местами и нежелаете видеть другие ответы. Я если честно сомневаюсь в ваших утверждениях, не потому что вы что-то не так говорите, а потому что неубеждаете вы меня, да и собственно не должны. Мне интересен вот такой вопрос, поскольку IE идеал, почему он не отображает корректно "ленточку" в блоге слева. тут нет наворотов, просто картинка и все...

Ну и на последок всегда считал что CSS это:

по моему то что вы требуете выходит за рамки этих определений, хотя может быть я не прав...

PS. Пусть будет фанатским утверждеине, но ИЕ не идеал выполнения стандартов и я считаю, точ то вы сейчас доказываете мне и остальным это наследие как раз "хаоса" в вебе порожденного ИЕ. И ваше утверждение, мол Билл диктует стандарты, также голословно, с такой позицией диалога не будет. НУ и почему не использовать скрипты по их прямому назначению, а не встраивать в CSS разве невозможно обратной зависимости Css от скриптов.

PPS. Прошу сильно не пинать за безграмотность. Opera не первый день в браузерах ходит и хотите вы или нет, вам придется считатся и с Opera desktop и opera mobile и Opera mini, Fierfox, safari... да их доля мола, но она будет рости и в комерческих фирмах порой по приказу переходят на эти браузеры именно в целях безопасности, которые как я понимаю в данном случае вам мешают.

Исправлено Angolier (13/05/2008 20:01)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>

<script type="text/javascript">
function fetch_link(t){
var sz = 'size';
if(t.parentNode.lastChild.id == sz)return;
var check_unknown = function (val){return val?val:'unknown';}
var req = new XMLHttpRequest();
req.open("HEAD", t.href, false);
req.onreadystatechange = function () {
if (this.readyState == 4){
var rez = (function(sz){
if( !sz || isNaN(sz=parseInt(sz)) ) return 'unknown';
if(sz<1024)return sz+' B';
else if(sz<1024*1024)return (sz/1024|0)+' KiB';
else if(sz<1024*1024*1024)return (sz/1024/1024|0)+' MiB';
else if(sz<1024*1024*1024*1024)return (sz/1024/1024/1024|0)+' GiB';
})(this.getResponseHeader('Content-Length'));
var s = document.createElement('span');
s.id = sz
s.appendChild(document.createTextNode(' ('+rez+')'));
t.parentNode.appendChild(s);
}
};
req.send("");
}
</script>
</head>

<body>
<div>
<a href="http://localhost/dialog.zip" onmouseover="fetch_link(this)" onmouseout="var s=this.parentNode.lastChild;if(s.id=='size')s.parentNode.removeChild(s)">File</a>
</div>
</body>
</html>

function sendXML(){
var xmlRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
xmlRequestObject.open("POST", "http://localhost/recieveXML.asp", false, "", "");
xmlRequestObject.send(xmlDocObject.XMLDocument);
alert(xmlRequestObject.responseText);
}
function getXML(){
var xmlRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
xmlRequestObject.open("GET", "http://localhost/simple.xml", false, "", "");
xmlRequestObject.send("");
xmlDocObject.XMLDocument = xmlRequestObject.responseXML;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>

<script type="text/javascript">
function translate(n){
var a=" byte,K,M,G,T".split(",");
var m=n;
var c=-1;
do{c++;i=m}while(m=m>>10);
return i+a[c];
}
function fetch_link(t){
var spn=t.nextSibling;
if(spn.innerHTML)return;
var req = new XMLHttpRequest();
req.open("HEAD", t.href, false);
req.onreadystatechange = function() {
if (this.readyState == 4)spn.innerHTML=' ('+translate(this.getResponseHeader('Content-Length'))+')';
};

req.send("");
}
</script>
</head>

<body>
<div>
<a href="http://people.nnov.ru/master/Akvaria2007-crippledVersion.rar" onmouseover="fetch_link(this)">File</a><SPAN></SPAN>

</div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
function getXmlHttp(){
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function fetch_link(t){
if(t.nextSibling && t.nextSibling.id == 'size')return;
var req = getXmlHttp();
req.open('HEAD', t.href, true);
req.onreadystatechange = function (){
if (req.readyState == 4){
var rez = (function(sz){
if( !sz || isNaN(sz=parseInt(sz)) ) return 'unknown';
if(sz<1024)return sz+' B';
else if(sz<1024*1024)return (sz/1024|0)+' KiB';
else if(sz<1024*1024*1024)return (sz/1024/1024|0)+' MiB';
else if(sz<1024*1024*1024*1024)return (sz/1024/1024/1024|0)+' GiB';
})(req.getResponseHeader('Content-Length'));
t.outerHTML += '<span id="size"> ('+rez+')</span>';
}
};
req.send(null);
}
</script>
</head>

<body>
<div>
<a href="http://localhost/dialog.zip" onmouseover="javascript:fetch_link(this)" onmouseout="var s=this.nextSibling;if(s&&s.id=='size')s.parentNode.removeChild(s)">File</a>
</div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
function getXmlHttp(){
var xmlhttp;
try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")}
catch(e){
try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")}
catch(E){xmlhttp = false}
}
if(!xmlhttp &&typeof XMLHttpRequest!='undefined')
xmlhttp = new XMLHttpRequest();
return xmlhttp;
}
function translate(n){
var c=-1;
do{c++;i=n}while(n=n>>10);
return i+" byte,K,M,G,T".split(",")[c]
}
function fetch_link(t){
var spn=t.nextSibling;
if(spn.innerHTML)return;
var req = getXmlHttp();
req.open('HEAD', t.href, true);
req.onreadystatechange = function(){
if (req.readyState == 4)
spn.innerHTML = ' ('+translate(req.getResponseHeader('Content-Length'))+')'
}
req.send(null)
}
</script>
</head>

<body>
<div>
<a href="http://people.nnov.ru/master/Akvaria2007-crippledVersion.rar" onmouseover="fetch_link(this)">File</a><SPAN></SPAN>
</div>
</body>
</html>

img:hover::before{
content: 'src: ' attr(src) '\A alt: ' attr(alt) '\A title: ' attr(title);
position: absolute;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
opacity: 0.8;
padding: 2px;
border:1px solid;
color: #000;
background:#FFFFE1;
}