HTML: detiene los elementos secundarios heredan el atributo [título] principal

El problema es que cuando declaro un atributo de título para un elemento 'envoltorio', la información sobre herramientas aparece cuando el cursor cae dentro del elemento 'contenido' como bien. ¿Cómo evito que esto (herencia) suceda?HTML: detiene los elementos secundarios heredan el atributo [título] principal

<style> 
    #content{ margin:25px;} 
</style> 

<div id='wrapper' title='example'> 
    <div id='content'> 

    </div> 
</div>

(que sólo quieren que la ventana de información se muestre entre los bordes del 'contenido' y los elementos de 'envoltura', en lugar de en ambos)

Fuente

2011-05-04 whamsicore

Según esta fuente [link] (https://developer.mozilla.org/en/DOM/element.title) tiene que establecer el título interno DIV también, a un personaje blanco. De todos modos, tienes que hacer eso para Firefox. Desafortunadamente, no funciona bien en IE – mj82

@ mj82 lamentablemente eso lleva a la información sobre herramientas en blanco que aparece en IE – Flash

No creo que esto es posible con CSS puro o HTML.

Una forma de piratear esto es usar el código del lado del cliente .. llanura básica JavaScript ejemplo:

window.onload = function() { 
    var oDiv = document.getElementById("content"); 
    oDiv.onmouseover = function() { 
     this.parentNode.setAttribute("old_title", this.parentNode.title); 
     this.parentNode.title = ""; 
    }; 
    oDiv.onmouseout = function() { 
     this.parentNode.title = this.parentNode.getAttribute("old_title"); 
    };  
};

Esto "claro" el padre div título al puntero del ratón sobre el contenido, y restaurar el título cuando el el mouse deja el contenido.

caso de prueba en vivo: http://jsfiddle.net/UASPZ/

Fuente

2011-05-04 10:36:53

Gran idea, pero tuve que arañar toda la implementación ya que el mouse se disparaba más frecuentemente de lo esperado, debido a otros elementos dentro de #content. (Podría usar e.stopPropagation(); para cada uno, supongo. De todos modos, pensaré en it) – whamsicore

@whamsicore lo siento, no pude ayudar más .. si necesita más ayuda con este sentimiento t gratis o preguntar :) –

Funciona como un encanto:) – T4NK3R

que tenían el mismo problema. Descubrí que puedes evitar esto al darle a los elementos secundarios un título falso title=" ".

Fuente

2011-05-18 17:00:42 mightyplow

Al menos esto funciona en Firefox 4;) Acabo de descubrir, que a Chrome no le gusta. Y Opera lo ignora por completo = ( – mightyplow

Mismo problema aquí.

Se descubrió que la especificación de title=' ' funciona para Chrome y FireFox pero muestra una herramienta molesta con un espacio en IE. title='' funciona para IE, pero Chrome y Firefox lo ignoran por completo, lo que muestra la información sobre herramientas de los padres.

¿No descubierto la manera de hacer en varios navegadores :(

Fuente

2011-07-22 18:34:31 user1614543

HTML: detiene los elementos secundarios heredan el atributo [título] principal

Respuesta

Cuestiones relacionadas