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

ไม่มีใครทราบถึงความแตกต่างระหว่างคุณสมบัติ 'เส้นขอบ' และ 'ร่าง' ใน CSS? หากไม่มีความแตกต่างทำไมจึงมีคุณสมบัติสองประการสำหรับสิ่งเดียวกัน

194 css 

หาก HTML มีองค์ประกอบดังนี้: id="product42" id="product43" ... ฉันจะจับคู่ id ทั้งหมดที่เริ่มต้นด้วย "ผลิตภัณฑ์" ได้อย่างไร ฉันเคยเห็นคำตอบที่ใช้จาวาสคริปต์อย่างแน่นอน แต่จะทำอย่างไรกับ CSS เท่านั้น?

194 html  css  css-selectors 

ฉันจะซ่อนไอคอนรูปภาพที่เสียหายได้อย่างไร ตัวอย่าง : ฉันมีภาพที่มีข้อผิดพลาด src: <img src="Error.src"/> การแก้ปัญหาจะต้องทำงานในเบราว์เซอร์ทั้งหมด

194 html  css  image 

ฉันใช้ CSS3 แปลงเพื่อหมุนรูปภาพและกล่องข้อความที่มีเส้นขอบในเว็บไซต์ของฉัน ปัญหาคือว่ารูปลักษณ์ของเส้นขอบขรุขระใน Chrome เช่นเกม (ความละเอียดต่ำ) โดยไม่มีการต่อต้านนามแฝง ใน IE, Opera และ FF มันดูดีขึ้นมากเพราะใช้ AA (ซึ่งยังคงมองเห็นได้ชัดเจน แต่ก็ไม่เลว) ฉันไม่สามารถทดสอบ Safari ได้เพราะฉันไม่ได้เป็นเจ้าของ Mac ภาพถ่ายและข้อความที่หมุนเองนั้นดูดีมันเป็นเพียงเส้นขอบที่ดูขรุขระ CSS ที่ฉันใช้คือ: .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox …

193 google-chrome  css  transform  antialiasing 

ฉันเกลียดพวกเขาก็มาได้อย่างหวุดหวิดธรรมชาติของ cascading CSS !importantและถ้าคุณไม่ใช้พวกเขากับการดูแลคุณจะจบลงในวงของการเพิ่มมากขึ้น แต่ฉันอยากรู้ว่ามันแย่สำหรับการแสดงหรือไม่? แก้ไข จากการตอบกลับ (เร็ว) ฉันสามารถสรุปได้ว่าจะไม่มีผลกระทบ (สำคัญ) ต่อประสิทธิภาพ แต่มันก็เป็นเรื่องดีที่ได้รู้แม้ว่ามันจะเป็นเพียงข้อโต้แย้งเพิ่มเติมสำหรับการทำให้ผู้อื่นท้อแท้;) แก้ไข 2 BoltClock ชี้ให้เห็นว่าหากมี 2 !importantการประกาศรายละเอียดบอกว่ามันจะเลือกหนึ่งที่เฉพาะเจาะจงมากที่สุด

193 css  performance 

ฉันพยายามกำหนดเส้นขอบรอบ ๆ แท็ก div ใน HTML ในบางเบราว์เซอร์เส้นขอบจะไม่ปรากฏขึ้น นี่คือรหัส HTML ของฉัน: <div id="divActivites" name="divActivites" style="border:thin"> <textarea id="inActivities" name="inActivities" style="border:solid"> </textarea> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันจะกำหนดเส้นขอบสำหรับแท็ก div HTML ได้อย่างไร

193 html  css  border 

ฉันมี CSS ต่อไปนี้: box-shadow: inset 0px 0px 2px #a00; ตอนนี้ฉันกำลังพยายามแยกสีนั้นออกเพื่อทำให้สีของหน้า 'skinnable' มีวิธีการทำเช่นนี้หรือไม่? เพียงแค่เอาสีออกแล้วใช้ปุ่มเดิมอีกครั้งในภายหลังเขียนทับกฎเดิม ดูเหมือนจะไม่เป็นbox-shadow-colorอย่างน้อย Google ก็ไม่ทำอะไรเลย

193 css  box-shadow 

ฉันกำลังออกแบบหน้าโดยใช้ Bootstrap 3 ฉันพยายามใช้ popover กับplacement: rightองค์ประกอบการป้อนข้อมูล Bootstrap ใหม่ช่วยให้มั่นใจได้ว่าถ้าคุณใช้form-controlคุณจะมีองค์ประกอบอินพุตแบบเต็มความกว้าง รหัส HTML มีลักษณะดังนี้: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> ในความคิดของฉันความกว้างของป๊อปอัปต่ำเกินไปเพราะความกว้างของมันไม่ได้อยู่ใน div ฉันต้องการรูปแบบการป้อนข้อมูลทางด้านซ้ายและป๊อปอัพที่กว้างทางด้านขวา ส่วนใหญ่ฉันกำลังมองหาทางออกที่ฉันไม่ต้องแทนที่ Bootstrap JsFiddle ที่แนบมา ตัวเลือกอินพุตที่สอง ยังไม่ได้ใช้ jsfiddle บ่อยนักดังนั้นไม่รู้ แต่ลองเพิ่มขนาดของกล่องผลลัพธ์เพื่อดูผลลัพธ์บนหน้าจอขนาดเล็กจะไม่เห็นเลย http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

ฉันมีกฎทั่วไปที่ให้ภาพพื้นหลังของ DIV ทั้งหมด ฉันมี div หนึ่งตัว (พร้อม id = 'a') ซึ่งฉันไม่ต้องการให้มีภาพพื้นหลัง ฉันต้องให้กฎอะไรกับ css

192 html  css 

ฉันสงสัยว่าจำเป็นต้องใช้<link rel="stylesheet" type="text/css" href=...>มากกว่า<link rel="stylesheet" href=...>หรือไม่ rel="stylesheet"เครื่องหมายข้อมูลที่ว่ามันเป็นสไตล์ - ดังนั้นtext/cssไม่จริงเพิ่มอะไรเท่าที่ฉันกังวล รูปแบบสไตล์ชีทเดียวที่ใช้โดย HTML คือ CSS อยู่แล้วดังนั้นtext/css'พูด' กับเบราว์เซอร์คืออะไร? บางเว็บไซต์ดูเหมือนจะเพิ่มtype="text/css"แอตทริบิวต์ ( http://www.jquery.com/ ) ในขณะที่เว็บไซต์อื่นไม่ทำ ( http://www.youtube.com/ ) ดังนั้นสิ่งที่เป็นการใช้type="text/css"ใน<link rel="stylesheet">องค์ประกอบและมีความจำเป็นที่จะรวมมันได้หรือไม่

192 html  css  stylesheet 

ฉันมีรหัส JQuery ต่อไปนี้: $(document).ready(function () { var $containerHeight = $(window).height(); if ($containerHeight <= 818) { $('.footer').css({ position: 'static', bottom: 'auto', left: 'auto' }); } if ($containerHeight > 819) { $('.footer').css({ position: 'absolute', bottom: '3px', left: '0px' }); } }); ปัญหาเดียวคือมันใช้งานได้เฉพาะเมื่อเบราว์เซอร์โหลดครั้งแรกฉันต้องการcontainerHeightที่จะตรวจสอบเมื่อพวกเขากำลังปรับขนาดหน้าต่าง? ความคิดใด ๆ

192 jquery  html  css 

ฉันไม่ได้ใช้ CSS3 ดังนั้นฉันไม่สามารถใช้opacityหรือfilterคุณสมบัติ โดยไม่ใช้แอตทริบิวต์เหล่านี้ฉันจะทำให้background-colora โปร่งใสได้divอย่างไร ควรเป็นตัวอย่างกล่องข้อความในลิงค์นี้ ที่นี่สีพื้นหลังของกล่องข้อความมีความโปร่งใส ฉันต้องการทำสิ่งเดียวกัน แต่ไม่ใช้คุณลักษณะที่กล่าวถึงข้างต้น

191 css  html  background-color  transparent 

นี่คือเรื่องราว: ฉันใช้ SWFObject เพื่อแทรกวัตถุ Flash ลงในหน้าของฉัน spanฝังกินของฉัน ดังนั้นฉันจึงสูญเสีย CSS ทั้งหมดไป ฉันกำลังคิดที่จะย้าย CSS ทั้งหมดไปที่พาเรนต์ดังนั้นฉันจะไม่สูญเสียสไตล์ CSS เมื่อแฟลชปรากฏขึ้น ฉันได้พยายามใช้spanภายในspanแต่ผมไม่คิดว่ามันทำงาน มีเหตุผลสำหรับสิ่งนี้หรือไม่? ผมไม่เข้าใจว่าทำไมคุณอาจจะมีdivภายในdivแต่ไม่ได้เป็นภายในspanspan มันต้องเกี่ยวข้องกับspansการเป็นแบบอินไลน์หรือไม่?

191 html  css 

IE9 เห็นได้ชัดคือความสามารถที่จะจัดการกับมุมโค้งมนโดยใช้นิยาม CSS3 border-radiusมาตรฐาน แล้วการรองรับรัศมีชายแดนและการไล่สีพื้นหลังล่ะ? ใช่ IE9 นั้นรองรับทั้งสองอย่างแยกกัน แต่ถ้าคุณผสมสองสีไล่ระดับสีออกจากมุมมน ฉันยังเห็นความแปลกประหลาดกับเงาที่แสดงเป็นเส้นทึบสีดำใต้กล่องที่มีมุมโค้งมน นี่คือภาพที่แสดงใน IE9: ฉันจะแก้ไขปัญหานี้ได้อย่างไร

191 internet-explorer-9  gradient  compass-sass  css 

(นี่เป็นคำถามที่มีหลายส่วนฉันจะพยายามทำให้ดีที่สุดเพื่อสรุปสถานการณ์) ขณะนี้เรากำลังสร้างแอปพลิเคชั่นเว็บที่ตอบสนองได้ (โปรแกรมอ่านข่าว) ที่อนุญาตให้ผู้ใช้ปัดระหว่างเนื้อหาที่แท็บและเลื่อนในแนวตั้งภายในเนื้อหาแต่ละแท็บ วิธีการทั่วไปในการแก้ไขปัญหาคือให้มี wrapper divที่เติมวิวพอร์ตเบราว์เซอร์ตั้งค่าoverflowเป็นhiddenหรือautoจากนั้นเลื่อนในแนวนอนและ / หรือแนวตั้งภายในเบราว์เซอร์ วิธีนี้เป็นวิธีที่ดี แต่มีหนึ่งข้อเสียเปรียบหลัก: ตั้งแต่ความสูงของเอกสารเป็นสิ่งเดียวกับวิวพอร์ตเบราว์เซอร์เบราว์เซอร์บนมือถือจะไม่ซ่อนแถบที่อยู่ / เมนูนำทาง มีคุณสมบัติแฮ็กและวิวพอร์ตจำนวนมากที่ช่วยให้เราได้รับหน้าจออสังหาริมทรัพย์มากขึ้น แต่ไม่มีสิ่งใดที่มีประสิทธิภาพเท่าminimal-ui(แนะนำใน iOS 7.1) ข่าวมาเมื่อวานนี้ว่า iOS 8 beta4 ถูกลบออกminimal-uiจาก Mobile Safari (ดูหัวข้อ Webkit ในiOS 8 Release Notes ) ซึ่งทำให้เราสงสัยว่า: ไตรมาสที่ 1 เป็นไปได้ไหมที่จะซ่อนแถบที่อยู่บน Mobile Safari? เท่าที่เรารู้ว่า iOS 7 ไม่ตอบสนองอีกต่อไปสับนี้แสดงให้เห็นว่าเราต้องอยู่กับพื้นที่หน้าจอขนาดเล็กเว้นแต่ว่าเรานำมาใช้เป็นรูปแบบแนวตั้งหรือใช้งานwindow.scrollTomobile-web-app-capable ไตรมาสที่ 2 มันยังคงเป็นไปได้ไหมที่จะมีประสบการณ์แบบเต็มจอที่อ่อนนุ่มคล้ายกัน? ด้วยซอฟท์เต็มหน้าจอผมหมายถึงโดยไม่ต้องใช้mobile-web-app-capableเมตาแท็ก แอปพลิเคชันเว็บของเราสร้างขึ้นเพื่อให้สามารถเข้าถึงหน้าใดก็ได้สามารถคั่นหน้าหรือแชร์โดยใช้เมนูเบราว์เซอร์ดั้งเดิม โดยการเพิ่มmobile-web-app-capableเราป้องกันผู้ใช้จากการเรียกใช้เมนูดังกล่าว (เมื่อมันถูกบันทึกไว้ในหน้าจอหลัก) ซึ่งสร้างความสับสนและทำให้ผู้ใช้ไม่เป็นปฏิปักษ์ …

191 javascript  ios  css  responsive-design  mobile-safari