01/10/2018, 00:33

Background-image trong CSS

navmenu {
  max-width: 916px;
  margin: 0 auto;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);  
  background-image: url(menu1.gif);
  background-repeat: repeat-y;
}

Em dùng background-image: url(menu1.gif); mà không thể load ảnh lên menu nav đc.
Không biết là do url sai hay sao.
file ảnh và file html cùng 1 thư mục.

Pete Houston viết 02:42 ngày 01/10/2018

code đầy đủ HTML, CSS thế nào?

Đăng Lê viết 02:42 ngày 01/10/2018

<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<title>Demo</title>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" media="screen" href="css/bootstrap.min.css">
		<link rel="stylesheet" media="screen" href="css/mystyle.css">
	</head>
	<body>
		<nav class="navmenu">
			  <ul>
			    <li><img src="http://mayhutbuihitech.com/images/icon_home.png" id="logo"></li>
			    <li><a href="">Trang chủ</a></li>
			    <li><a href="">Liên hệ</a></li>
			    <li><a href="">Giới thiệu</a></li>
			    <li><a href="">Khoa</a></li>
			    <li><a href="">Phòng ban</a></li>
			    <li><a href="">Đăng xuất</a></li>
			  </ul>
		</nav>
	</body>
</html>

Pete Houston viết 02:37 ngày 01/10/2018

đưa code lên codepen.io

Đăng Lê viết 02:38 ngày 01/10/2018

CodePen

ozmKAL

...

Pete Houston viết 02:35 ngày 01/10/2018

cái menu1.gif đâu em?

Anh thay tạm bằng cái ảnh logo

CodePen

mAobAq

...

Đăng Lê viết 02:48 ngày 01/10/2018

cái file gif em trên máy!

Pete Houston viết 02:41 ngày 01/10/2018

cái file gif em trên máy

Anh thay vào background-image có vấn đề gì đâu?

Đăng Lê viết 02:40 ngày 01/10/2018

nên cái chỗ url sao dán cái link hình vào mà ko hiện lên

Đăng Lê viết 02:41 ngày 01/10/2018

vấn đề là cái url(); ko pik dán link hình trong máy thế nào á

blueworld viết 02:36 ngày 01/10/2018

Bạn để cái file menu1.gif để nằm chung thư mục với cái file index bạn muốn gắn hình ảnh vào rồi dùng background-image:url(“menu1.gif”); xem thế nào

Vesper Link viết 02:39 ngày 01/10/2018

mình ko biết bạn tổ chức file như thế nào, mình đoán thế này, giả sử nếu thư mục chứa ảnh của bạn mà images nằm ngang hàng vs thư mục css thì chổ đó bạn sửa lại : url(…/images/menu.gif);
images là tên thư mục chứa ảnh nhá

Vô Thin viết 02:37 ngày 01/10/2018

Chủ topic lỗi căn bản, cần đọc hiểu hai khái niệm “đường dẫn tuyệt đối” và “đường dẫn tương đối”, và cách tham khảo đến file như thế nào rồi mới tiếp tục.

Còn nếu đang test trên máy Linux để làm môi trường dev thì cẩn thận permission nếu đã chắc chắn về đường dẫn, chmod lại cho file .gif là 644.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Đăng Lê

0 chủ đề

0 bài viết

Tác giả nổi bật