|
Border-radius не проходит кросбраузерность в Опера 12Обсуждение темы Border-radius не проходит кросбраузерность в Опера 12 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Приветствую всех и спешу поделиться проблемкой некорректного отображения свойства Border-radius в Opera 12.16(про ie молчу). Суть проблемы: Недавно мы обновили дизайн на главной ... |
|
Опции темы |
23.04.2014, 16:37 | #1 |
|
Приветствую всех и спешу поделиться проблемкой некорректного отображения свойства Border-radius в Opera 12.16(про ie молчу).
Суть проблемы: Недавно мы обновили дизайн на главной страничке нашего проекта "Аниме с Рутуба" и вроде бы всё было хорошо, пока не обнаружилась проблема отображения свойства Border-radius у таблицы со слайдером вот скрин из оперы: http://anime-rutub.moy.su/cr/oooooo.jpg Прошу оказать помощь Фрагмент разметки: Код:
<table class="slidertab1"><tbody><tr><td class="slidertb1"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> <div align="center"> <div id="featured"><ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-3286"> <a href="#fragment-3286"> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3119"> <a href="#fragment-3119"> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-656"> <a href="#fragment-656"> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2877"> <a href="#fragment-2877"> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2926"> <a href="#fragment-2926"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider"></a></li> </ul> <div id="fragment-3286" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/magi_labirint_volshebstva_vtoroj_sezon_magi_2_magi_the_kingdom_of_magic/2014-03-30-3286" target="_blank">Маги: Лабиринт Волшебства (второй сезон) * Magi 2 * Magi: The Kingdom of Magic</a> </div></div><div id="fragment-3119" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ne_moja_vina_chto_ja_ne_populjarna_watamote/2013-09-27-3119" target="_blank">Не моя вина, что я не популярна! / WataMote +16</a> </div></div><div id="fragment-656" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/fairy_tail_fan_art_amv/2010-07-14-656" target="_blank">Фан Арт Трейлеры и AMV по аниме Fairy Tail / Хвост Феи</a> </div></div><div id="fragment-2877" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/moja_sestrenka_iz_osaki_boku_no_imouto_wa_osaka_okan/2013-02-08-2877" target="_blank">моя сестренка из осаки / Boku no Imouto wa Osaka Okan</a> </div></div><div id="fragment-2926" class="ui-tabs-panel" style="opacity: 0.216225;"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ore_no_kanojo_to_osananajimi_ga_shuraba_sugiru/2013-02-08-2926" target="_blank">Ore no Kanojo to Osananajimi ga Shuraba Sugiru / Между двух огней - девушка и моя подруга</a> </div></div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); </script></div> </td><td class="slidertb2"> <!-- <аниме конкурсы1> --> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_amv_sentjabr/1-0-153" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/amv_septemberr.png" alt=""> <i></i> <bdo dir="ltr"> <b>Конкурс AMV Сентябрь</b> <span>Конкурс AMV Сентябрь 2014 начинается через <script language="JavaScript"> d0 = new Date('september 1, 2014'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-130дней</span></b></span></bdo></a></div></div> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_amv_ijulskaja_zhara/1-0-154" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/jara_amv.png" alt=""> <i></i> <bdo dir="ltr"> <b>AMV конкурс Июльская Жара</b> <span>Июльская Жара 2014 начинается через <script language="JavaScript"> d1 = new Date('july 1, 2014'); dr = new Date(); dt = (dr.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-68дней</span></b></span></bdo></a></div></div> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_anime_karikatura/1-0-155" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_karikatura.png" alt=""> <i></i> <bdo dir="ltr"> <b>Конкурс Аниме Карикатура</b> <span>Аниме Карикатура 2014 начинается через <script language="JavaScript"> d1 = new Date('may 1, 2014'); dm = new Date(); dt = (dm.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-7дней</span></b></span></bdo></a></div></div> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_anime_pesnja/1-0-156" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_vmk.png" alt=""> <i></i> <bdo dir="ltr"> <b>Конкурс Аниме Песня</b> <span>Аниме Песня 2014 начинается через <script language="JavaScript"> d1 = new Date('june 1, 2014'); dj = new Date(); dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-38дней</span></b></span></bdo></a></div></div> <!-- </аниме конкурсы1> --> </td> <td style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px; "> <!-- <аниме конкурсы2> --> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_anime_scenarist/1-0-157" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_szenarist.png" alt=""> <i></i> <bdo dir="ltr"> <b>Конкурс Аниме Сценарист</b> <span>Аниме Сценарист 2014 начинается через <script language="JavaScript"> d1 = new Date('august 1, 2014'); dj = new Date(); dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-99дней</span></b></span></bdo></a></div></div> <div class="images_fuku"> <div class="inform1"> <a href="http://anime-rutub.moy.su/news/konkurs_anime_risovka/1-0-158" target="_blank"> <img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_painting.png" alt=""> <i></i> <bdo dir="ltr"> <b>Конкурс Аниме Рисовка</b> <span>Аниме Рисовка 2014 начинается через <script language="JavaScript"> d1 = new Date('october 1, 2014'); doo = new Date(); dt = (doo.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-160дней</span></b></span></bdo></a></div></div> <div class="zimovka"> <div class="zimma"> <a href="http://anime-rutub.moy.su/news/zimovka_na_proekte_anime_s_rutuba/1-0-150" target="_blank"> <img class="img_konkurs2" src="http://anime-rutub.moy.su/amv_cent/zimovka.png" alt=""> <i></i> <bdo dir="ltr"> <b>Аниме Зимовка </b> <span>Зимуем на проекте "Аниме с рутуба" через <script language="JavaScript"> d1 = new Date('december 1, 2014'); ddd = new Date(); dt = (ddd.getTime() - d1.getTime()) / (1000*60*60*24); document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>'); </script><b><span style="COLOR: #faca0a">-221дней</span></b></span></bdo></a></div></div> <!-- </аниме конкурсы2> --> </td></tr></tbody></table> Код:
.slidertab1{ width: 1000px; border-collapse: collapse; margin-top: 5px; background-color: #2b2b2b; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius:12px; -o-border-radius: 12px; -icab-border-radius: 12px;} |
|
Метки |
border-radius, opera, кросбраузерность |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Вопрос про border-radius | Peter Soloviev | HTML, CSS, JavaScript | 1 | 17.07.2014 21:26 |
border-radius | ddddd | HTML, CSS, JavaScript | 1 | 27.06.2010 19:52 |
Не проходит запрос в Яндекс из флеша... | IgorQ | Технологии Flash | 6 | 28.02.2007 01:51 |
Опера | TaniKa | HTML, CSS, JavaScript | 7 | 18.10.2005 19:25 |
Опера и ИЕ | vision | HTML, CSS, JavaScript | 3 | 21.06.2003 20:15 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|