คำถามติดแท็ก css

มีวิธีแก้ไขตำแหน่งบนแกน x เท่านั้นหรือไม่? ดังนั้นเมื่อผู้ใช้เลื่อนขึ้นแท็ก div จะเลื่อนขึ้นไปด้วย แต่ไม่ใช่จากด้านหนึ่งไปอีกด้านหนึ่ง?

104 css 

ฉันรู้ว่า Chrome ดูเหมือนจะไม่ยอมให้ฉันซ่อนตัว<option>ในไฟล์<select>. Firefox จะ ฉันต้องการซ่อน<option>s ที่ตรงกับเกณฑ์การค้นหา ในเครื่องมือเว็บ Chrome ฉันจะเห็นว่าพวกเขาจะได้อย่างถูกต้องถูกตั้งค่าให้display: none;โดย JavaScript ของฉัน แต่ครั้งเดียวแล้ว<select>เมนูที่มีการคลิกที่พวกเขาจะแสดงให้เห็นว่า ฉันจะทำให้สิ่งเหล่านี้<option>ตรงกับเกณฑ์การค้นหาของฉันไม่แสดงเมื่อคลิกเมนูได้อย่างไร ขอบคุณ!

104 javascript  jquery  css  dom 

ฉันมีองค์ประกอบบางอย่างดังต่อไปนี้: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> ฉันจะเพิ่มคลาสให้กับองค์ประกอบที่มีdata-slideค่าแอตทริบิวต์เป็น0(ศูนย์) ได้อย่างไร ฉันได้ลองวิธีแก้ปัญหาต่างๆมากมาย แต่ไม่ได้ผล ตัวอย่าง: $('.slide-link').find('[data-slide="0"]').addClass('active'); ความคิดใด ๆ ?

104 jquery  html  css  custom-data-attribute 

ฉันมีเนื้อหาฐานข้อมูลที่มีข้อมูลประเภทต่างๆเช่นวิดีโอ Youtube วิดีโอ Vimeo ข้อความรูปภาพ Imgur เป็นต้นทั้งหมดนี้มีความสูงและความกว้างที่แตกต่างกัน สิ่งที่ฉันพบขณะค้นหาอินเทอร์เน็ตกำลังเปลี่ยนขนาดเป็นพารามิเตอร์เดียว จะต้องเหมือนกับเนื้อหาในป๊อปอัป นี่คือรหัส HTML ของฉัน ฉันยังใช้ Ajax เพื่อเรียกเนื้อหา <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="ModalLabel"></h3> </div> <div class="modal-body"> </div> </div>

104 javascript  jquery  html  css  twitter-bootstrap 

ผมอยากจะทราบว่ามีวิธีการอัตโนมัติเปิดใช้งานใด ๆ เยื้องไฟล์ CSS ในรหัสภาพสตูดิโอที่มีทางลัดALT+ SHIFT+ F? มันทำงานได้ดีกับ JavaScript แต่ไม่แปลกกับ CSS

104 css  visual-studio-code 

ฉันต้องการสร้างตาราง html (หรือสิ่งที่คล้ายกัน) โดยมีส่วนหัวคงที่และคอลัมน์แรกคงที่ ทุกวิธีที่ฉันเคยเห็นใช้ Javascript หรือjQueryตั้ง scrollTop / scrollLeft แต่มันทำงานไม่ราบรื่นบนเบราว์เซอร์มือถือดังนั้นฉันจึงกำลังมองหาโซลูชัน CSS ที่แท้จริง ฉันพบวิธีแก้ปัญหาสำหรับคอลัมน์คงที่ที่นี่: jsfiddle.net/C8Dtf/20/แต่ฉันไม่รู้ว่าจะปรับปรุงอย่างไรเพื่อให้ส่วนหัวได้รับการแก้ไขด้วย ฉันต้องการให้มันทำงานบนเบราว์เซอร์ webkit หรือใช้css3คุณสมบัติบางอย่างแต่ฉันขอย้ำอีกครั้งว่าฉันไม่ต้องการใช้Javascriptเพื่อเลื่อน แก้ไข:นี่คือตัวอย่างของพฤติกรรมที่ฉันต้องการบรรลุ: https://web.archive.org/web/20130829032141/http://datatables.net/release-datatables/extras/FixedColumns/css_size.html

104 html  css  html-table  markup  fixed-header-tables 

ฉันมีองค์ประกอบที่มีข้อความอยู่ในนั้น เมื่อใดก็ตามที่ฉันลดความทึบฉันจะลดความทึบของร่างกายทั้งหมด มีวิธีใดบ้างที่ฉันสามารถทำให้background-imageสีเข้มขึ้นไม่ใช่อย่างอื่น? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

104 html  css  opacity 

ในBootstrap 3ผมสามารถนำไปใช้col-sm-xxกับthแท็กในtheadและปรับขนาดคอลัมน์ของตารางที่จะ อย่างไรก็ตามสิ่งนี้ใช้ไม่ได้ใน bootstrap 4 ฉันจะบรรลุสิ่งนี้ใน bootstrap 4 ได้อย่างไร? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> ดูจาก codeply ที่มีขนาดไม่เหมาะสมโดยเฉพาะอย่างยิ่งถ้าคุณเพิ่มข้อมูลบางอย่างลงในตาราง ดูว่าสิ่งนี้ทำงานอย่างไร: <div class="container" style="border: 1px solid black;"> <table class="table table-bordered"> <thead> <tr class="row"> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns …

104 css  twitter-bootstrap  html-table  bootstrap-4 

เห็นได้ชัดว่าสิ่งนี้ใช้ไม่ได้: select[multiple]{ height: 100%; } ทำให้การเลือกมีความสูงของหน้า 100% ... auto ใช้งานไม่ได้เช่นกันฉันยังคงได้รับแถบเลื่อนแนวตั้ง ความคิดอื่น ๆ ?

103 html  css  html-select 

โปรดดูJSFIDDLEนี้ td.rhead { width: 300px; } เหตุใดความกว้าง CSS จึงไม่ทำงาน <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td> <!-- etc..--> </tr> <tr> <td class="rhead"></td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <!-- etc... --> </tr> <thead> </table> นอกจากนี้ผลกระทบของตำแหน่ง: fixed, absolute etc มีความกว้าง td อย่างไรถ้ามี? ฉันกำลังมองหาเหตุผลที่มากกว่าการแก้ไข ฉันหวังว่าจะเข้าใจวิธีการทำงาน

103 html  css  html-table 

ฉันกำลังทำงานกับ CMS ซึ่งป้องกันการแก้ไขซอร์ส HTML สำหรับ<head>องค์ประกอบ ตัวอย่างเช่นฉันต้องการเพิ่มสิ่งต่อไปนี้เหนือ<title>แท็ก: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

103 javascript  jquery  css  xhtml 

ฉันได้รับช่วงโปรเจ็กต์ที่ฉันกำลังทำอยู่และฉันกำลังอัปเดตแอนิเมชั่น jquery (ฝึก jquery น้อยมาก) ฉันมี div ฉันต้องการเพิ่มและลบแอตทริบิวต์สไตล์จาก นี่คือ div: <div id='voltaic_holder'> จนถึงจุดหนึ่งของแอนิเมชั่นฉันต้องเพิ่มสไตล์ให้กับมัน: <div id='voltaic_holder' style='position:absolute;top:-75px'> ฉันค้นหารอบ ๆ และพบ.removeAttr()วิธีการแล้ว แต่ฉันไม่เห็นวิธีการเพิ่มหรือแม้แต่ส่วนระยะไกลของมัน (เช่นด้านบน: -75px เท่านั้น) ขอบคุณ

103 jquery  css  dhtml 

มีใครบอกความแตกต่างระหว่างstyle = "position:absolute"และความstyle = "position:relative" แตกต่างได้หรือไม่ในกรณีที่ฉันเพิ่มลงในdiv/ span/ inputองค์ประกอบ ฉันกำลังใช้งานabsoluteอยู่ แต่ฉันก็ต้องการสำรวจrelativeเช่นกัน สิ่งนี้จะเปลี่ยนตำแหน่งอย่างไร

103 css  css-position 

วิธีง่ายๆในการทำให้ข้อความกระพริบใน jQuery และวิธีหยุดข้อความคืออะไร? ต้องทำงานกับ IE, FF และ Chrome ขอบคุณ

103 javascript  jquery  html  css 

ฉันมีช่องป้อนข้อมูลและป้ายกำกับ: <label class="adm" for="UserName">User name</label> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /> และ CSS: body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } เมื่อโค้ดเปิดขึ้นใน Firefox ฟอนต์จะไม่เหมือนกัน Firebug แสดงให้เห็นว่าทั้งคู่ "ควร" สืบทอดและเมื่อฉันดูจากการคำนวณพบว่าป้ายกำกับใช้ Verdana อย่างไรก็ตามอินพุตแสดงว่าใช้ "MS …

103 css