我一直在尋找雙固定滑塊使用的是MooTools（有兩個旋鈕，最大和最小的滑塊）。 雖然，我沒有找到做得好雙固定滑塊在MooTools的論壇，唯一的問題是，所有這些滑塊力選定的範圍標記。 終於來了！ 我決定創建自己的。 好吧！ 我使用的原代碼並修改它有一個滑塊的背景，選擇的範圍，在我下面的例子直觀。 藍色區域表示值的範圍內選擇。
查看2.2版本演示 | 下載Mootools的雙鉸接滑塊版本2.2 （下載11506次）
你可以很容易改變的外觀和感覺範圍指示燈（藍色在上面的例子），旋鈕，滑塊，滑塊軌道需要通過修改的slider.css作為。
不要給我發評論，如果你覺得它有用。
之前，我們不得不處理與CSS創建頁面佈局，調整表格單元格內的一些內容似乎只是孩子的發揮。 只需設置“ 對齊 ”或“valign”屬性表中有您所選擇的路線，這塊蛋糕！
使用CSS佈局，儘管我們有“垂直對齊”為元素的屬性，它不似乎是簡單的“ 對齊 ”或“valign”屬性。 為了更specifiic“ 垂直對齊 ”似乎從來沒有解決您的任何問題，特別是如果是寫一個跨瀏覽器的CSS。
如果沒有使用HTML表格，對象為中心的問題，是圖片或一些文字內含有分裂，可能是每個UI / CSS開發人員在某些點的噩夢。 這一問題作進一步的調整，如果要居中的對象是動態的性質，即當它的高度是可變的推斷您的後顧之憂（未知的高度）。
雖然有沒有已知的直線前進的解決方案，跨瀏覽器，我們必須處理的範圍，將工作，我曾試圖在沒有到達的解決方案似乎工作中，我曾嘗試在一些瀏覽器（IE6，IE瀏覽器7 FF）。
解決方案：
在瀏覽器如Mozilla，Opera和Safari，但奇怪的行為“ 垂直對齊 ”的屬性可帶來的感覺，只是含分工“ 顯示 ”屬性設置“ 表格 ”（顯示：表單元）， 。
問題仍然存在與IE瀏覽器的家庭，誰，但似乎並沒有理解“ 細胞表 ”財產和無知，因為他們，他們就忽略它。 雖然簡單，廣告幾多個DOM元素的HTML使事情發生，如下的解決方案。
CSS和HTML看起來像這樣
.outer_container {
display: table;
text-align:center;
height: 140px;
width:140px;
position: relative;
overflow: hidden;
float:left;
margin:0px 10px 0px 0px;
}
.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute;
#top: 50%;
#left:50%;
}
.obj{
#position: relative;
#top: -50%;
#left:-50%;
margin:0px auto 0px auto;
}的HTML： -
<div class="outer_container">
<div class="obj_container">
<div class="obj"> <img src="image1.jpg"/> <br/>意見：3456 </ DIV>
</ DIV>
</ DIV>
結果看起來像這樣： -
頂部對齊的CSS
.obj_container_top {
display: table-cell;
vertical-align: top;
#position: absolute;
#top: 0%;
#left:50%;
}
.obj_top{
#position: relative;
#top: 0%;
#left:-50%;
margin:5px auto 0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccccc;
}的HTML： -
<div class="outer_container">
<div class="obj_container_top">
<div class="obj_top"> <img src="image1.jpg"/> <br/>意見：1234 </ DIV>
</ DIV>
</ DIV>
結果看起來像這樣： -
底部對齊的CSS
.obj_container_bottom {
display: table-cell;
vertical-align: bottom;
#position: absolute;
#bottom: 0%;
#left:50%;
}
.obj_bottom {
#position: relative;
#bottom: 0%;
#left:-50%;
margin:5px auto 0px auto;
}
的HTML： -
<div class="outer_container">
<div class="obj_container_bottom">
<div class="obj_bottom"> <img src="image1.jpg"/> <br/>意見：1234 </ DIV>
</ DIV>
</ DIV>
結果看起來像這樣： -
好像年齡，因為我試圖找到一個合理的解決方案，這對準問題。 但現在，這一解決方案，我覺得在小和平。
希望有一天
上述解決方案 （下載448次）可理解.. 下載的CSS和HTML ，CSS是沒有得到優化
注：順便說一下，這些都是一些我點擊圖片的縮略圖... 
非IE瀏覽器的CSS：沒有消息，如下面的例子CSS子選擇，似乎並不在IE瀏覽器的CSS開發。
例如DIV>跨度一些CSS，這意味著“當一個span元素的表決元素的子（不是一個孫子或偉大的盛大孩子等）”。
但我們用這種正反向我們的優勢。 從歷史上看，孩子的選擇已被用於隱藏IE 的CSS命令。 簡單地把html>body任何CSS命令 IE 前將忽略它：
html>body .foo { CSS commands go here ;}
這工程，因為<body>總是一個孩子<html> -當然可以永遠是一個孫子或曾孫<html> 。
現在，IE 7的了解孩子的選擇，你有大於號後直接插入一個空的註釋標記，然後IE 7將不明白這個選擇（誰知道這是為什麼？），因此會完全忽略這個CSS命令。
html> /**/ body .foo { CSS commands go here ;}
如果尚未看到這些之前，通過以下只讀
像往常一樣，多一些奇怪的問題與IE和這個人都必須在TOP 10 IE的怪癖隊伍之一。
問題的聲明（這是我的問題，也許你也有類似的違法行為）：
我有很多的DIV的頁面與類“sectionhead”，這只不過是第一個頁面上的標題。 所以我有一些這樣的風格尋找
，sectionhead {字體大小：18px;背景：＃cfcfcf;填充：5PX;}
DIV的是一些黑色文本的淺灰色欄。 在IE瀏覽器的情況是這些節頭顯示OK，但也有一些無形的，直到您滾動頁面或點擊頁面上的等東西，有時候他們往往消失，當你點擊“ALT”鍵，當你頁面或滾動捲軸。 他們有時似乎再現，當你重新載入（F5）頁面。 我與一些簡單的風格完全簡單的div的行為壞。
什麼可能導致這種反常行為呢？ 好吧！ 坦率地說，不知道！
可能的解決方案：
再不要問我為什麼，但這個問題在許多情況下趨於消失，當您添加的位置是：相對的不當行為元素的樣式，這樣，
，sectionhead {字體大小：18px;背景：＃cfcfcf;填充：5PX;位置：相對}
奇怪，但該說些什麼呢？ 上帝保佑我從IE瀏覽器！
和DO美國的市場份額，如果你有類似的問題。
不是只有少數的燈箱時，你可以找到你谷歌。 燈箱，我發現大部分的問題是，他們似乎都使用一個或其他重JavaScript框架如jQuery，原型，MooTools和喜歡。 他們都是冷靜和時髦的期待。 但是，如果你的要求是：“ 但我想一個我的網站的簡單和輕量級的燈箱腳本 ”，然後在這裡，它是;
這個燈箱一些不錯的功能
jo.js，jo_pack.js [包裝版本]： -一個簡單的JavaScript對象集[聯辦]，其中包含的元素，窗口和文件定位腳本。 你可以打開JO.JS，如果你想創建抽象的功能，一些高級Javascripting讓你的手臟，延長元素的屬性等。 如果你不是太在Javascripting多少，不要管它。
lightbox.js，lightbox_pack.js [包裝版本]： -包含燈箱經理腳本。 如果你是網頁設計師，還負責執行頁面上的燈箱，你需要了解LightBoxManager。 LightBoxManager基本上包含兩個功能showLightBox，和closeLightBox。
lightbox.css： -如果你知道的CSS，你可以發揮與lightbox.css定制的外觀，N-感覺lightbox.css
燈箱兩種不同的內容，實施的index.html：樣品
lb_underlay_bkg.png： -這是光/西米透明圖像用於燈箱底圖的背景[底圖是低於lighbox，防止用戶點擊頁面上的任何其他實體層，而燈箱開放]。 為此目的，你可以使用任何圖像或純色，取決於的頁面設計和要求。
icon_lb_close.gif： -燈箱右上角密切燈箱手柄上的形象。 按設計可以使用任何圖像
請讓我們有您的意見和反饋...
