Jump to content
  • 0

свойство left в Opera (глюк)


jenix
 Share

Question

Прилагаю два скриншота всплытия tooltip при наведении на 9у.

Во всех браузерах он всплывает с левой стороны, только в Opera всплывает справа.

gluk1.jpg

так в Опере:

gluk2.jpg

span прописан таким образом(сдвиг происходит через left: -430px;) :

<div class="number" style="top: 65px; left: 775px;">
<a class="number" href="/market/universam">9у
<span style="width: 400px; display: none; left: -430px;" class="tip"><img alt="" style="float: left; margin: 0 20px 15px 0;" src="/images/aivengo/universam.jpg">В нашем "Универсаме" для Вас широкий выбор продуктов питания, товаров первой необходимости.</span>
</a>
</div>

class="tip":

.tip {
color: #000;
background:#fff;
display:none;
padding:10px;
position:absolute;
z-index:50000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
font: 12px Tahoma;
}

Спасибо за советы.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

странно, хотелось бы на прямую пощупать весь код (есть урл?)

мне интересно почему не сработал left:; в опере, вроде бы всё правильно, попробуй вместо left использовать margin-left:-430px;

Edited by eyexal
Link to comment
Share on other sites

  • 0

По скриншоту видно, что это не опера вовсе а Safari. Тогда надо воспользоваться встроенным инструментом для разработчиков этого браузера. Может что-то там можно бует увидеть неправильное.

Link to comment
Share on other sites

  • 0
По скриншоту видно, что это не опера вовсе а Safari. Тогда надо воспользоваться встроенным инструментом для разработчиков этого браузера. Может что-то там можно бует увидеть неправильное.

нет, это точно Опера) Только на маке. А какой для оперы есть инструмент для разработчиков?

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy