からめもぶろぐ。

SharePoint が得意なフレンズなんだね!すごーい!

サイト ページに list-style-image を設定すると IE がクラッシュする

サイト ページを作成して以下のような HTML を貼り付けます。

<div id="menu">
   <ul>
      <li class="plus">大項目1
         <ul>
            <li class="none">小項目1</li>
            <li class="none">小項目2</li>
            <li class="none">小項目3</li>
         </ul>
      </li>
      <li class="plus">大項目2
         <ul>
            <li class="none">小項目4</li>
            <li class="none">小項目5</li>
            <li class="none">小項目6</li>
         </ul>
      </li>
   </ul>
</div>

スクリプト エディターを追加して CSS を追加します。

<style type="text/css">
#menu li {
    list-style-type: none;
}
#menu li.plus {
    list-style-image: url("/_layouts/15/images/plus.gif");
}
#menu li.none {
    list-style-image: none;
}
</style>

見た目はこんな感じ。

f:id:karamem0:20151024090318p:plain

このページを編集しようとすると…?

f:id:karamem0:20151024090826p:plain

他のブラウザーはあまり試していませんが、少なくとも IE11 は駄目っぽい。Chrome だと表示できます。