向任何網站添加信息行（如stackoverflow）的最佳方式是什麼？

我正在開發Chrome插件。我希望將其界面與內容在網站內容啓動之前一起展示（類似於stackoverflow信息欄）。我不擅長HTML和CSS。
1.我如何實現它在任何地點工作正確？
2.什麼HTML代碼最好用來製作矩形，這些矩形將被正確顯示在任何網站的頂部？向任何網站添加信息行（如stackoverflow）的最佳方式是什麼？

來源

2011-11-30 fedor.belov

也許你應該先學習HTML和CSS。 http://www.w3schools.com。我無法想象如果你還沒有掌握那些基礎知識，你將能夠開發一個chrome插件。 – loyalpenguin

我可以通過'

...'與一些css。但我不確定它在任何網站都能正常工作......所以我要求大師 –

@loyalpenguin [檢查了這個。]（http://w3fools.com） –

回答

1-確保您注入的HTML位於正文標籤之後。

2-使用CSS，將寬度設置爲100％;位置：固定（始終位於瀏覽器的頂部）或位置：絕對（始終位於頁面的頂部）;頂部：0; z-index：999（它總是在最上面）（一些小的調整可能會這樣做，它不在我頭頂）

3-瞄準你的酒吧後面的第一個元素（應該是一個容器）和將其應用於您添加的元素的高度的邊緣頂部。

應該在頂部創建一個欄，您可以放置任何你想要的東西。

來源

2011-11-30 16:45:40 Fredy31

最簡單的方法來做到這一點是隻需添加一個<div>身體的開頭：

<!-- old --> 
<body> 
    <div id="header"> 
     <h1>Hello, world!</h1> 
     <!-- ... --> 

<!-- new --> 
<body> 
    <div>Your content goes here.</div> 
    <div id="header"> 
     <h1>Hello, world!</h1> 
     <!-- ... -->

因爲<div>是一個塊級元素，它應該是默認在屏幕上伸展，並那麼你可以根據自己的喜好來設計它。

但是，有兩個基本問題：

該網站的CSS與你的橫杆。這可以顯示在你確定你聲明的樣式中，這樣你的酒吧看起來不好笑。或者這可能意味着頁面上的某些元素被絕對定位，並且您添加該欄會破壞佈局。
該網站的JS會干擾您的酒吧。如果網站本身動態地將元素添加到<body>的開頭，那麼您的欄將被按下頁面。如果JS選擇頁面上的所有<div>並將其淡出，會怎麼樣？

來源

2011-11-30 16:48:30 sdleihssirhc

相關問題