Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема.
Кто знает, как сделать закруглённые углы в данной ситуации?
То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать.
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.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Flashton
Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема.
Кто знает, как сделать закруглённые углы в данной ситуации?
То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать.
CSS:
HTML:
JS:
this.vtip = function() {
this.xOffset = -10; // x distance from mouse
this.yOffset = 10; // y distance from mouse
$(".vtip").unbind().hover(
function(e) {
this.t = this.title;
this.title = '';
this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
$('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
$('p#vtip #vtipArrow').attr("src", 'Images/Slujebnie/vtip_arrow.png');
$('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
},
function() {
this.title = this.t;
$("p#vtip").fadeOut("slow").remove();
}
).mousemove(
function(e) {
this.top = (e.pageY + yOffset);
this.left = (e.pageX + xOffset);
$("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
}
);
};
jQuery(document).ready(function($){vtip();})
this.vtip=function(){this.xOffset=-10;this.yOffset=10;$(".vtip").unbind().hover(function(a){this.t=this.title;this.title="";this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("body").append('<p id="vtip"><img id="vtipArrow" />'+this.t+"</p>");$("p#vtip #vtipArrow").attr("src","Images/Slujebnie/vtip_arrow.png");$("p#vtip").css("top",this.top+"px").css("left",this.left+"px").fadeIn("slow")},function(){this.title=this.t;$("p#vtip").fadeOut("slow").remove()}).mousemove(function(a){this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("p#vtip").css("top",this.top+"px").css("left",this.left+"px")})};jQuery(document).ready(function(a){vtip()});——————————————--
С уважением, Антон.
Link to comment
Share on other sites
1 answer 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.