Twitterの中にHTMLを埋め込みたいと思っていますが、どうも最前面にでません(一部CSSが効いていない?)
manifest.json
json
1{ 2 "name": "TWst", 3 "version": "0.1", 4 "manifest_version": 2, 5 "description": "TEst。", 6 "permissions": [ 7 "tabs", "<all_urls>", "contextMenus" 8 ], 9 "icons": { 10 "16": "img/4466.jpg" 11 }, 12 "content_scripts": [ 13 { 14 "matches": ["<all_urls>"], 15 "js": [ "js/jquery.js", 16 "js/Twitter.js","js/meercat.js" 17 ], 18 "css":["css/style2.css"], 19 "run_at": "document_end" 20 } 21 ], 22 "background": "js/background.js" 23}
Twitter.js
js
1setup_btn(); 2function setup_btn(){ 3$(function(){ 4 5 var h ='<div class="meerkat">' 6 + '<a href="#" class="close-meerkat">close</a>' 7 + '<a class="dont-show">二度と表示させない</a>' 8 + '<div class="adsense">' 9 + '<a href="http://px.a8.net/svt/ejp?a8mat=25ITDK+D3MEI+CO4+65ME9" target="_blank">' 10 + 'フォロー</a>' 11 + '<img border="0" width="1" height="1" src="http://www11.a8.net/0.gif?a8mat=25ITDK+D3MEI+CO4+65ME9" alt="">' 12 + '</div>' 13 + '</div>' 14 $('#sr-event-log').appendTo( h ); 15}); 16 17 18 19} 20
style2.css
css
1.code {margin-top: 25px;} 2.close-meerkat { 3 position: absolute; 4 display: block; 5 height: 18px; 6 width: 18px; 7 background: url('images/close-x.png') no-repeat 0 0; 8 cursor: pointer; 9 text-indent: -9000px; 10 z-index: 10; 11} 12.dont-show { 13 position: absolute; 14 display: block; 15 height: 18px; 16 width: 160px; 17 cursor: pointer; 18 z-index: 10; 19 color: #EC7700; 20} 21a.dont-show:hover {color:#FFF;} 22.adsense {z-index: 5;} 23.meerkat { 24 color: #FFF; 25 display: none; 26} 27.pos-bot .adsense { 28 width: 728px; 29 height: 90px; 30 position: absolute; 31 left: 50%; 32 margin-left: -364px; 33} 34.pos-bot .adsense {top: 20px;} 35.pos-bot .close-meerkat {right: 10px; top: 20px;} 36.pos-bot .dont-show {right: -10px; top: 100px;} 37.pos-bot .dont-show {top: 100px;} 38
meercat.jsは、Jquryのプラグインです。
以上 よろしくお願いします。
あなたの回答
tips
プレビュー